angularjs 編寫公共提示模塊

前言 在編寫一些大型工程的時候 會經(jīng)常遇到一些公用提示 使用框架自帶很多時候不方便 于是我手寫了一個?

? 效果圖如下?


1.先在angular中注冊一個模塊


2.

注冊一個模塊 注入依賴

3.


返回不同的方法應(yīng)對不同情況?

4.

獲取模板路徑?


5.?

編寫模板內(nèi)容 和普通的頁面一樣調(diào)用使用angular服務(wù)

6.

? ? ? ? ? ?1. 開啟http服務(wù)獲取模板內(nèi)容

? ? ? ? ? ?2. ?重點注意 $template = $compile(template)(scope); 這句代碼非常重要 ?用于激活模板內(nèi)容轉(zhuǎn)成angular能識別的html代碼片段?

? ? ? ? ? ?3.提示框消失時間 設(shè)置回調(diào)函數(shù) $template.detach();用于模板消失


7.



設(shè)置html代碼內(nèi)的變量

? ? ? ? ?1.由于不在控制層 $scope對象無法獲取不了值 ?所有需要用代替值 ?需要在使用時將$scope傳入?

8.使用方法如下?


記得在控制器里面注入alertModel模塊

9.使用效果?


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容