简单通知选项无法设置

时间:2018-04-11 12:00:08

标签: angular typescript

我已将simple-notifications插件添加到我的项目中。当我调用通知时,它会显示但默认选项。我的选择没有设定。

app.module.ts:

@NgModule({
  declarations: [
    // components
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    BrowserAnimationsModule,
    RouterModule.forRoot(routes),
    SimpleNotificationsModule.forRoot(),
  ],
  providers: [ ItemsService ],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.ts:

export class AppComponent {

  public options = {
    position: ["bottom", "right"],
    timeOut: 3000,
    lastOnBottom: true,
    maxStack: 3,
    animate: "fromBottom"
  }
}

app.component.html:

<div class="container">
<simple-notifications [options]="options"></simple-notifications>    
<router-outlet></router-outlet>
</div>

当我打电话通知时,会显示但没有我的选项。为什么选项没有设置,我做错了什么?

1 个答案:

答案 0 :(得分:1)

您可以在将模块导入应用模块时设置选项,如下所示

imports: [
// your other modules
SimpleNotificationsModule.forRoot({
    ...options
})
]