当前位置:首页 > 经验

Angular如何应用timeout服务

进行网页制作的时候,内容延迟显示是经常会遇到的问题。用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服务的第二个参数可以不写,这样的话默认是延迟一秒,如下图所示

声明:此文信息来源于网络,登载此文只为提供信息参考,并不用于任何商业目的。如有侵权,请及时联系我们:fendou3451@163.com
标签:

  • 关注微信

相关文章