Angular如何应用timeout服务

进行网页制作的时候 , 内容延迟显示是经常会遇到的问题 。 用Angular中的timeout服务可以很好的实现内容延迟的效果 。 下面小编给大家讲解如何在Angular中应用timeout服务 。 东西/材料 Sublime Text
操作方式 01 打开Sublime Text编纂器 , 新建HTML5页面 , 然后引入angular.min.js文件 , 如下图所示

Angular如何应用timeout服务

文章插图

02 【Angular如何应用timeout服务】接下来在body标签顶用ng-app声明模块 , 用ng-controller声明节制器 , 如下图所示

Angular如何应用timeout服务

文章插图

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

Angular如何应用timeout服务

文章插图

04 然后实现模块的节制器方式 , 如下图所示 , 这里需要传入timeout办事 , 如下图所示

Angular如何应用timeout服务

文章插图

05 接下来在节制器中应用timeout办事 , 如下图所示 , 它可以领受2个参数 , 第一个参数是要执行的功能 , 第二个参数是延迟的时候 , 单元是毫秒

Angular如何应用timeout服务

文章插图

06 一切都筹办好今后 , 在div模块里绑定节制器中声明的变量即可 , 如下图所示

Angular如何应用timeout服务

文章插图

07 最后要申明的是 , timeout办事的第二个参数可以不写 , 如许的话默认是延迟一秒 , 如下图所示

Angular如何应用timeout服务

文章插图



以上内容就是Angular如何应用timeout服务的内容啦 , 希望对你有所帮助哦!

    推荐阅读