首页 > 其他 > 详细

angular知识点(2)

时间:2019-12-26 02:35:07      阅读:105      评论:0      收藏:0      [点我收藏+]

angular知识点(2)

1、为了代码规范,对于需要自动加载的依赖,需要在前面加上注释,注释为://@ngInject 或者是/*@ngInject*/

2、ngSwitch的应用

在需要用到选择出现功能的地方,可以用到这个。

在某个容器的元素上加上ng-switch就可以调用整个功能,添加on属性或直接使用ng-switch来选择匹配的内容,给元素的子元素添加ng-switch-when 属性,如果子元素的这个属性的值能匹配父元素的ng-switch属性的值,则可以展现,否则会如同ng-hide效果一样隐藏,具体使用如下:

<div ?ng-switch='a'>

? ? ?<div ng-switch-when='m'></div>

? ? ?<div ng-switch-when='n'></div>

? ? ?<div ng-switch-when='o'>< 大专栏  angular知识点(2)/div>

<div>

<div ?ng-switch on='a'>

? ? ?<div ng-switch-when='m'></div>

? ? ?<div ng-switch-when='n'></div>

? ? ?<div ng-switch-when='o'></div>

<div>

如果a的值为m,则会使第一个展现,其他隐藏。

3、$tiemout([fn],[delay],[invokeApply],[Pass])

对原生js的函数setTimeout(function(),time)的封装,第一个是执行函数,第二个是延时,第三个参数是否调用$apply来包装function,默认是 true,$apply大家都知道,就是为了能响应数据的变化并绑定到相应的数据域中去,false就不会触发模板上的数据变化了,第四个参数是给与前面的执 行函数额外的参数,具体用法还不是很清楚。不过和原生函数返回值不同,这个函数返回promise对象,而且是通过使用这个promise对象来取消定时器 ——$timeout().cancle(promise)。

angular知识点(2)

原文:https://www.cnblogs.com/lijianming180/p/12099698.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!