トースト通知にIDを追加する

Question

トースト通知にIDを追加することは可能ですか？ 私はいくつかの通知のうち1つを特定する必要があります。 私はこのプラグインを使用します。 https://github.com/CodeSeven/toastr

Answer 1

これは興味深い質問です。トースト自体にIDを設定できるようには見えません。

toastr.options.closeHtml = '<button id="toastr1closebtn"><i class="icon-off"></i></button>'; 

あなたがしようとしている何のため同じように良いかもしれません。しかし、あなたはtoastrを閉じるために使用されるボタンを変更することができます。

閉じるボタンを調整するオプションが見つかりましたhere。

Answer 2

toastr.options.closeButton = true;を使用する場合は、閉じるときに実行する関数を指定できます。その関数はclickイベントに渡されます。イベントは、（うまくいけば）どの通知が閉じられたかを把握するために使用できます。

toastr.options.onCloseClick = function(event) { 
    const closedElement = event.target.parentElement; 
    // figure out which notfication was closed based on class, or text, or... 
} 

は、おそらくより良い方法があるが、これは私がthe pretty sparse documentationに基づいており、いくつかの彼らが持っていたplunker exampleいじり見つけたものです。