工具/材料

SublimeText

打開(kāi)Sublime Text編輯器，新建HTML5頁(yè)面，然后引入angular.min.js文件，如下圖所示

接下來(lái)在body標(biāo)簽中用ng-app聲明模塊，用ng-controller聲明控制器，如下圖所示

然后在script標(biāo)簽中運(yùn)用angular的module方法進(jìn)行模塊初始化，如下圖所示

然后實(shí)現(xiàn)模塊的控制器方法，如下圖所示，這里需要傳入timeout服務(wù)，如下圖所示

接下來(lái)在控制器中應(yīng)用timeout服務(wù)，如下圖所示，它可以接收2個(gè)參數(shù)，第一個(gè)參數(shù)是要執(zhí)行的功能，第二個(gè)參數(shù)是延遲的時(shí)間，單位是毫秒

一切都準(zhǔn)備好以后，在div模塊里綁定控制器中聲明的變量即可，如下圖所示

最后要說(shuō)明的是，timeout服務(wù)的第二個(gè)參數(shù)可以不寫(xiě)，這樣的話默認(rèn)是延遲一秒，如下圖所示