Angular如何应用timeout服务

进行网页制作的时候，内容延迟显示是经常会遇到的问题。用Angular中的timeout服务可以很好的实现内容延迟的效果。下面小编给大家讲解如何在Angular中应用timeout服务。

操作方法

【步骤01】

打开Sublime Text编辑器，新建HTML5页面，然后引入angular.min.js文件，如下图所示

【步骤02】

接下来在body标签中用ng-app声明模块，用ng-controller声明控制器，如下图所示

【步骤03】

然后在script标签中运用angular的module方法进行模块初始化，如下图所示

【步骤04】

然后实现模块的控制器方法，如下图所示，这里需要传入timeout服务，如下图所示

【步骤05】

接下来在控制器中应用timeout服务，如下图所示，它可以接收2个参数，第一个参数是要执行的功能，第二个参数是延迟的时间，单位是毫秒

【步骤06】

一切都准备好以后，在div模块里绑定控制器中声明的变量即可，如下图所示

【步骤07】

最后要说明的是，timeout服务的第二个参数可以不写，这样的话默认是延迟一秒，如下图所示