問題タブ [toastr]

toastr で何ができるかというアイデアは気に入っていますが、機能させることができないようです。

公式ページから…

NuGet のコマンド ライン バージョンをダウンロードして入力するinstall toastrと、正常にインストールされました (ただし、実際に何をしたかはわかりませんが..)。次に、ページにtest.php次のコードがあります。

ウェブサイト自体は、これは信じられないほど簡単だと言っています....

しかし、ページを実行すると、文字通り次のように表示されます。

toastr.info('やあ、動作します!');

私は何を間違っていますか？

私は、Javascript と Web サイド プログラミング全体にかなり慣れていません。

ただし、X (例: 10,50,100, ...) の最新の着信 toastr 通知のリストを保持するウィジェットを作成する方法を知りたいです。通知を表示する方法、通知が消えないようにする方法などを見つけました。もちろん、通知のリストがウィジェットのサイズよりも大きくなっても、ウィジェットは自動的にスクロール バーを作成しません (画像を参照)。

私の実際の質問は2つあります。

1) 画面に表示されない通知も含めて、ユーザーが通知の完全なリストを表示できるように、ウィジェットにスクロールバーを配置する方法を見つけたいと思います。

2) このウィジェットで指定された量の最新の通知のみを保持できるかどうかを誰かが知っていますか?画面から？）

前述のように、私は通知のためにtoastrを使用しているので、関連するソリューションは素晴らしいと思いますが、新しいアイデアの流れに感謝します。

編集。toastr 通知は iFrame 内に含まれています。通知がフレームからはみ出すたびにスクロールバーが表示されるように、iframe を変更してみました。

style="overflow: scroll;"

しかし、これは機能しません。

発行しtoastr.error("a message")ましたが、このエラーが発生しました。_setContainerすると発生し$animate.enter().then(function())ます。私は何が欠けていますか？

$log メッセージを表示する toastr メッセージをポップしたいと思います。すなわち:

AngularJS 1.2.19 以降では、$provide.decoratorは$log の機能を拡張する優れた方法のようです。もちろん、私は 1.2.18 を使用しています。1.2.18 でこれを行う方法はありますか?

理想的には、既存の機能を完全にオーバーライドするのではなく、拡張したいと考えています。

Angular ソースを変更したくありません。