angular知识点(2)

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)。

猜你喜欢

转载自www.cnblogs.com/lijianming180/p/12099698.html