なぜangle-toastrは上書きされたpostionClassを受け入れないのですか？使用

Question

プラグイン：https://github.com/Foxandxss/angular-toastr

私の意図は、一番上のページのをフルにまたがり、according to the documentation、positionClass: 'toast-top-full-width'は、トリックを行いますtoastrを作成することです。

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

また、プラグインを確認すると、クレームの有効性が確認されます。

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

どういうわけか、コードは機能しません。私のコードで何が間違っていますか？
Plunkr：http://plnkr.co/edit/2O6hjk5vnMUWWULNK9hs?p=preview

Answer 1

角度設定でトーストを設定する必要があります。

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!'); 
}); 

Plunker：

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

この方法で、すべてのあなたのトーストのコンテナがいっぱいになります：http://plnkr.co/edit/pdstz2WkJqdi1Qw0R1pX?p=preview

Answer 2

あなたの問題はtoastContainerでは、あなたのような設定を追加する必要があり、十分な大きさではありませんトーストを呼び出すと、彼のサイズを全幅に設定することができます。