首页 > 游戏数码 > IT技术 > Angular如何应用timeout服务

Angular如何应用timeout服务

   来源:秒知站    阅读: 2.26W 次
字号:

用手机扫描二维码 在手机上继续观看

手机查看

工具/材料

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张

电脑网络
IT技术
互联网
电脑
摄影
手机
游戏