Angular如何应用timeout服务

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

东西/材料

Sublime Text

操作方式

  • 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办事的第二个参数可以不写,如许的话默认是延迟一秒,如下图所示

  • End
  • 发表于 2018-03-08 00:00
  • 阅读 ( 752 )
  • 分类:电脑网络

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具