前言
在編寫一些大型工程的時候,會經常遇到一些公用提示,使用框架自帶很多時候不方便,于是我手寫了一個,下面來看看詳細的介紹:
效果圖如下

方法如下
一、先在angular中注冊一個模塊

二、

注冊一個模塊 注入依賴
三、

返回不同的方法應對不同情況
四、

獲取模板路徑
五、

編寫模板內容 和普通的頁面一樣調用使用angular服務
六、

1. 開啟http服務獲取模板內容
2. 重點注意 $template = $compile(template)(scope); 這句代碼非常重要 用于激活模板內容轉成angular能識別的html代碼片段
3.提示框消失時間 設置回調函數 $template.detach();用于模板消失
七、

設置html代碼內的變量
1.由于不在控制層 $scope對象無法獲取不了值 所有需要用代替值 需要在使用時將$scope傳入
八、使用方法如下

記得在控制器里面注入alertModel模塊
九、使用效果

總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家武林網的支持。
新聞熱點
疑難解答