simple-notifications插件自定义选项未生效问题咨询

嘿，我来帮你排查这个自定义选项不生效的问题～你已经在项目里加了simple-notifications插件，能正常显示通知但自定义配置没起作用，大概率是配置的姿势不对，我给你几个排查方向：

1. 调用通知时要主动传入自定义选项 #

你在AppComponent里定义了options对象，但如果调用通知的时候没把它传进去，插件肯定会用默认配置呀！比如在组件里调用通知方法的时候，得把options作为第三个参数传进去：

// 举个success通知的例子
this.notificationsService.success(
  '通知标题',
  '通知内容',
  this.options // 这里必须带上你的自定义配置
);

2. 检查options的格式是否符合插件要求 #

比如position配置，插件要求是数组格式，不是单个字符串，别写错了：

// 正确的写法
public options = {
  position: ['bottom', 'right'], // 第一个值是上下，第二个是左右
  timeOut: 6000, // 通知显示时长
  showProgressBar: true,
  pauseOnHover: false,
  clickToClose: true
  // 其他你需要的配置项
};

3. 全局默认配置要在forRoot里设置 #

如果你想让所有通知默认用你的配置，不用每次调用都传，可以在AppModule的forRoot()里直接传入全局配置：

// app.module.ts修改导入代码
SimpleNotificationsModule.forRoot({
  position: ['bottom', 'right'],
  timeOut: 5000,
  showProgressBar: true
  // 这里写全局默认的配置
})

之后单个调用通知时，还可以传入局部选项来覆盖全局配置。

4. 确认服务注入和导入路径正确 #

别忘了在组件里正确注入NotificationsService，而且导入路径要对应插件的实际位置：

import { NotificationsService } from 'angular2-notifications'; // 注意这个路径

constructor(private notificationsService: NotificationsService) {}

如果试了这些还是不行，建议检查下插件版本和你的Angular版本是否兼容，版本不匹配也可能导致配置不生效哦～

内容的提问来源于stack exchange，提问作者Nikita