Angular Toast指令似乎忽略了options属性

时间:2015-08-07 20:48:05

标签: angularjs toastr ngtoast

使用有角度的,想要祝酒词......

根据这个问题,我选择了角形吐司

Fire notification toaster in any controller angularjs

但是当我试图设置位置时

 <toaster-container toaster-options='{ "time-out": 15000, "animation-class": toast-bottom-right,  "position-class": toast-bottom-right }'></toaster-container>

它被忽略了...除非我修改实际来源

  'position-class': 'toast-bottom-right', // Options (see CSS):// I changed this manually to work around a bug that ingnored this setting - EWB
            // 'toast-top-full-width', 'toast-bottom-full-width', 'toast-center',
            // 'toast-top-left', 'toast-top-center', 'toast-top-right',
            // 'toast-bottom-left', 'toast-bottom-center', 'toast-bottom-right',

此时使用此处的设置,即使它们与修改后的源发生冲突。

  1. 在指令标记上设置选项时我做错了什么?
  2. 是否有更好的角度烤面包机实施,减少了错误? (我还没有弄乱它,但是ngToast似乎设置得更好,更完整)
  3. 我尝试了一些不同的方法来设置设置,所有都被忽略..当我修改源代码时,这开始起作用。

1 个答案:

答案 0 :(得分:1)

我想“toast-bottom-right”是一个字符串,因此应该用qoutes“”包围,如下所示。

<toaster-container toaster-options='{ "time-out": 15000, "animation-class": "toast-bottom-right",  "position-class": "toast-bottom-right" }'></toaster-container>