ディレクティブを使用して実装するというアイデアですが、行き詰まっており、API をコントローラーに公開する方法がわかりません
トーストをポップアップするときにコントローラーで API xxx.showToast を呼び出したいのですが、このインターフェイスの取得方法がわかりません。また、ディレクティブは依存関係の注入として使用できません。ここで行き詰まってしまったので、アドバイスをいただければ幸いです。
xxx.showToast
ディレクティブを取得して記述し、直接使用することができます
.トーストボックス{
}.トーストトップ{
}.トーストボトム{
}.toast-box .toast-item{
}.toast-box .toast-item.toast-success{
}.toast-box .toast-item.toast-error{
}.toast-box .toast-item.toast-warn{
}.toast-box .toast-item.toast-info{
}
angular.module('app').directive('toast', function() {
});
関数 getToastClass(type) {
<トースト ng-model="トースト" Position="center"></トースト>
$scope.toast = { テキスト: "Hello"、タイプ: 1、タイムアウト: 1000、最大: 2 };
AngularJS-Toasterが使えますhttps://github.com/warikavi/A...
上記の angularjs-toaster は非常に使いやすく、使用できます。または、サービスを作成し、di 経由で使用します。
以前スイートアラートを使用したことがありますが、大丈夫のようです。 http://t4t5.github.io/sweetal...
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ディレクティブを取得して記述し、直接使用することができます
CSSコード
.トーストボックス{
リーリー}
リーリー.トーストトップ{
}
リーリー.トーストボトム{
}
リーリー.toast-box .toast-item{
}
リーリー.toast-box .toast-item.toast-success{
}
リーリー.toast-box .toast-item.toast-error{
}
リーリー.toast-box .toast-item.toast-warn{
}
リーリー.toast-box .toast-item.toast-info{
}
ディレクティブコード
angular.module('app').directive('toast', function() {
リーリー});
関数 getToastClass(type) {
リーリー}
htmlの使用法
<トースト ng-model="トースト" Position="center"></トースト>
コントローラーの使用方法
$scope.toast = { テキスト: "Hello"、タイプ: 1、タイムアウト: 1000、最大: 2 };
AngularJS-Toasterが使えます
https://github.com/warikavi/A...
上記の angularjs-toaster は非常に使いやすく、使用できます。または、サービスを作成し、di 経由で使用します。
以前スイートアラートを使用したことがありますが、大丈夫のようです。
http://t4t5.github.io/sweetal...