検索

ホームページ  >  に質問  >  本文

javascript - angularjs 簡単なトーストを書きたいのですが、どのように実装すればよいですか?

ディレクティブを使用して実装するというアイデアですが、行き詰まっており、API をコントローラーに公開する方法がわかりません

トーストをポップアップするときにコントローラーで API xxx.showToast を呼び出したいのですが、このインターフェイスの取得方法がわかりません。また、ディレクティブは依存関係の注入として使用できません。ここで行き詰まってしまったので、アドバイスをいただければ幸いです。

过去多啦不再A梦过去多啦不再A梦2763日前886

全員に返信(4)返信します

  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-06-28 09:28:14

    ディレクティブを取得して記述し、直接使用することができます

    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 };

    返事
    0
  • 習慣沉默

    習慣沉默2017-06-28 09:28:14

    AngularJS-Toasterが使えます
    https://github.com/warikavi/A...

    返事
    0
  • 我想大声告诉你

    我想大声告诉你2017-06-28 09:28:14

    上記の angularjs-toaster は非常に使いやすく、使用できます。または、サービスを作成し、di 経由で使用します。

    返事
    0
  • 扔个三星炸死你

    扔个三星炸死你2017-06-28 09:28:14

    以前スイートアラートを使用したことがありますが、大丈夫のようです。
    http://t4t5.github.io/sweetal...

    返事
    0
  • キャンセル返事