ng指令控制一个元素的影藏的与显示几种方法的使用

在ng中我们控制一个元素的显示与隐藏的方法:

(1):ng-show=true/false

解释:ng-show使用的是display=”block”/”none”,当设置ng-show=false的时候,该元素会被真实的从dom上删除,经常使用恐怕会影响性能(并且由于display的影响,我们也不能正常的使用动画)

(2):ng-if=true/false

      解释:ng-if只是使得元素影藏,并不会删除该元素

(3):ng-switch

 ng-swicth on=”……”

ng-switch-when=”…”

ng-switch-when=”…”

ng-switch-default=""

<a ng-switch on="app.approval.approvalsts" >
    <img  ng-switch-when="1"  class="media-object"  src="images/ideas/agree.png" alt="..."><!--1同意-->
    <img  ng-switch-when="2"  class="media-object" src="images/ideas/disagree.png" alt="..."><!--2不同意-->
   <img  ng-switch-default=""  class="media-object" src="images/ideas/disagree.png" alt="...">
</a>

  

 

posted @ 2017-04-01 15:45  BuleDog  阅读(559)  评论(0编辑  收藏  举报