Angular如何應用timeout服務

來源:酷知科普網 2.14W

工具/材料

Sublime Text

操作方法

開啟Sublime Text編輯器,新建HTML5頁面,然後引入檔案,如下圖所示

Angular如何應用timeout服務

接下來在body標籤中用ng-app宣告模組,用ng-controller宣告控制器,如下圖所示

Angular如何應用timeout服務 第2張

然後在script標籤中運用angular的module方法進行模組初始化,如下圖所示

Angular如何應用timeout服務 第3張

然後實現模組的控制器方法,如下圖所示,這裡需要傳入timeout服務,如下圖所示

Angular如何應用timeout服務 第4張

接下來在控制器中應用timeout服務,如下圖所示,它可以接收2個引數,第一個引數是要執行的功能,第二個引數是延遲的時間,單位是毫秒

Angular如何應用timeout服務 第5張

一切都準備好以後,在div模組裡繫結控制器中宣告的變數即可,如下圖所示

Angular如何應用timeout服務 第6張

最後要說明的是,timeout服務的第二個引數可以不寫,這樣的話預設是延遲一秒,如下圖所示

Angular如何應用timeout服務 第7張
熱門標籤