は、 'toastr'ポップアップに独自のオプションを指定します

Question

私はすべて私のアプリを通じてtoastrポップアップを持っています。それらは、私のアプリでカスタム設定されているかもしれません。

私はAngularを使用していますが、これは実際にAngular-toastrであるかわかりません。

私はこのToastrに、同じページの他のトーストからのさまざまなオプション（位置、スティッキー、クローズボタン）があるようにしたいと考えています。

他の人がオプションを継承しないように、単一のトースターインスタンスのオプションを指定する方法はありますか？私のアプリでどこ

、私はちょうど

toastr.success("Go team!"); 

を呼び出すと、それはデフォルトがすでに設定されているものは何でも使用しています。ここで

は、私がこのような何かをしたい：

var bigToast = new toastr; 
bigToast.options = { 
    "closeButton": true, 
    "positionClass": "toast-top-full-width", 
    "tapToDismiss": true 
} 
bigToast.success("Yah! REALLY go team!") 

その方法は、唯一のbigToastが影響を受けています。もちろん、それはコンストラクタではないので失敗します。

toastr.options = { 
    "closeButton": true, 
    "positionClass": "toast-top-full-width", 
    "tapToDismiss": true 
} 
toastr.success(":)"); 

をしても、それは効果がありませんので、私ははっきりとそれが間違って実装しています：

が、私はこれをしようとしています。私は:)を参照してくださいしかし、オプションのどれも拾われていません。

私が知る限り、toastrオブジェクトは空です。この：

toastr.options.positionClass = "toast-top-center" 

でエラーが発生します：

TypeError: Cannot set property 'positionClass' of undefined 

私はほとんどの作業例は必要ありません、この一見とてもシンプルなことから、明らかに劣等生です。

これらの設定のフォームは、あなたが何ができるかしかし、あなたが実際にそれを行う方法今を示しました。

https://foxandxss.github.io/angular-toastr/

http://codeseven.github.io/toastr/demo.html

Answer 1

あなただけの3番目の引数としてオプションを含める必要があります。

toastr.success(":)","",{ 
"closeButton": true, 
"positionClass": "toast-top-full-width", 
"tapToDismiss": true}); 

第2引数はタイトルです。タイトルを表示したくない場合は空白にしてください。