3

AngularJS アプリで toastr を使用しようとしています:

app.module("MyApp", ['toastr']);

モジュール toastr が見つかりません! toastr は AngularJS モジュールだと思いましたか?

モジュールのロード方法を知っている人、または使用できる Angular ディレクティブがあるかどうかを教えてください。

4

4 に答える 4

5

あなたの例では、のインスタンス化を見なければ、app実際に依存関係を正しくロードしているかどうかを知る方法はありません。そのため、最初からロードする手順を説明します (ソース:ここ)。

toastr を AngularJS で動作させるには、いくつかの作業を行う必要があります。

  1. angular-toastr ディストリビューションをダウンロードします。
  2. 以下を index.html に追加します (事実上、すべてのスクリプトをロードしている場所ならどこでも):

<link rel="stylesheet" type="text/css" href="angular-toastr.css" /> <script type="text/javascript" src="angular-toastr.tpls.js"></script>

  1. toastr をアプリのモジュールに追加します (各コントローラーやサービスではなく、アプリに追加します)。あなたのapp.jsファイル:

angular.module('myApp', ['toastr']).

于 2015-04-15T11:47:14.347 に答える
2

いいえ、toastr は Angular モジュールではありません。angular-toastrまたはAngularJS-Toasterを含む toastr から Angular へのさまざまなポートがあります。

于 2015-04-15T11:37:52.757 に答える
1

toastr の angular ポート (例: angular-toastr) を使用していない限り、依存関係として注入する必要はありません。元の toastr の場合、.js と .css を含めるだけで問題ありません。

于 2015-07-04T20:19:41.210 に答える