問題タブ [toastr]

アプリで通知をポップアップするために AngularJS-Toaster を使用しています。フロントエンドにはブートストラップを使用しています。

クラス「コンテナ」を使用すると、1200px のグリッドがあります。内部には、ポップアップ通知を含む div があります。

ポップアップ通知の幅を、このトースターが含まれるコンテナーと同じ幅に調整したいと思います。トースターには、ポップアップの位置と幅を変更するパラメーター「position-class」があることがわかりました。たとえば、「toast-top-full-width」ですが、それを使用して全画面通知を取得すると、それが含まれるコンテナーに調整されません。これは Css を使用して実行できることだと思いますが、どうすればよいでしょうか。手伝っていただけませんか？

ここに私のhtmlコード：

事前にどうもありがとうございました。

アプリケーションでポップアップ通知のレスポンシブ デザインを行いたいと考えています。通知には Angular Toaster を使用しています。

たとえば、toaster-container 要素を画面の中央に配置しましたが、絶対位置を使用しているため、小さい画面では通知が同じ位置にとどまり、表示されません。通知が含まれている親要素 (この場合はコンテナー グリッド) に関連する通知を作成したいと思います。CSSを使用してそれを達成するにはどうすればよいですか? これは私のhtmlコードです:

toaster-container 要素に使用するカスタム CSS ルールは次のとおりです。

AngularJS MaterialとToastrを使用しています。

両方をインストールするためにbowerを使用しました。toastr のスタイリングがオーバーライドされていることを除いて、それらは連携しています。だから私が使用しようとすると、toastr.warning(...)私は得る

同様のものを取得する代わりに：

生成された HTML ヘッドは次のとおりです。

AngularJS Material と Materialize を使用するようになる前は、Twitter Bootstrapで動作していました。

これは、通知に Toastr を使用するコントローラーの関数です。この関数の Jasmine 単体テストで Toastr をテストするにはどうすればよいですか。

現在のリクエストが発火するのを防ぐために角度インターセプターを使用することは可能ですか?

たとえば、ui-gridすべての注文を表示し、各注文にはEditandRemoveリンクがあります。ユーザーがこれらのリンクのいずれかをクリックしても、これらのアクションを実行するためのアクセス権がない場合、Access deniedトースター通知を表示する角度が必要です。

私の質問は、どういうわけか角度応答インターセプターを使用してHTTP 403 (Forbidden)ステータス結果を探し、Access deniedtoastr を表示してから要求を終了することはできますか?

これは、responseError インターセプターのロジックです。

offline.jsをtoastrアラートと連携させようとしています。

私の限られたJSの知識は私を妨げていますが、これに光を当てることができることを願っています.

やりたいこと接続がダウンからアップになったときに、トーストアラートに「再接続に成功しました」というメッセージを表示したい。

問題 offline.js でそのステータスを確認する方法がわかりません。ドキュメントには、これを使用して可能であることが記載されています。

Offline.on(event, handler, context) : イベントをバインドします。イベント:
up: 接続がダウンからアップに移行しました
down: 接続がアップからダウンに移行しました

アップイベントは私が望むことをしますが、それを実践する方法がわかりません...

以下は、私が何をしたいのかを説明する疑似コードです。

誰かが私を正しい道に導くことができますか?

インターネットでいろいろ検索しましたが、timeOutとの説明が見つかりませんでしextendedTimeOutたtoastr.options