为什么 angular-toastr 不接受覆盖的 postionClass。？

Question

使用的插件：https://github.com/Foxandxss/angular-toastr

我的目的是创建一个横跨整个页面顶部的 toastr，according to the documentation、positionClass: 'toast-top-full-width' 就可以了。

toastr.success('Hello world!', 'Toastr fun!', {
    positionClass: 'toast-top-full-width'
});

查看插件 css 也验证了声明。

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

但是不知何故，代码不起作用。我的代码有什么问题？
Plunkr：http://plnkr.co/edit/2O6hjk5vnMUWWULNK9hs?p=preview

Answer 1

您需要在 angular 配置中配置 toast。

var app = angular.module('app', ['ngAnimate', 'toastr']);

 app.config(function(toastrConfig) {
   angular.extend(toastrConfig, {
    positionClass: 'toast-top-full-width'
   });
 });

 app.controller('toastr-demo', function($scope, toastr) {
    toastr.success('Hello world!', 'Toastr fun!');
 });

笨蛋：http://plnkr.co/edit/pdstz2WkJqdi1Qw0R1pX?p=preview

Answer 2

您的问题是 toastContainer 不够大，您应该添加如下配置：

app.config(function(toastrConfig) {
  angular.extend(toastrConfig, {
    positionClass: 'toast-top-full-width'
  });
});

这样你所有toast的容器都是全宽的，然后调用toast的时候可以设置他的尺寸为全宽。

为什么 angular-toastr 不接受覆盖的 postionClass。？

Why is angular-toastr not accepting the overriden postionClass.?

angularjs

angular-toastr