Angular如何應用timeout服務

工具/材料

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張