进行网页制作的时候,内容延迟显示是经常会遇到的问题。用Angular中的timeout服务可以很好的实现内容延迟的效果。下面小编给大家讲解如何在Angular中应用timeout服务。
SublimeText
【步骤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服务的第二个参数可以不写,这样的话默认是延迟一秒,如下图所示