zoukankan      html  css  js  c++  java
  • 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>
    

      

     

  • 相关阅读:
    2017.5.8下午
    2017.5.8上午
    2017.5.5下午
    2017.5.5上午
    2017.5.4下午
    WPF DataGrid LoadingRow style 滚动失效
    centos nginx 环境变量
    Kettle-03-定时转换
    Kettle-02-转换
    Kettle-01-安装(CentOS 7 离线)
  • 原文地址:https://www.cnblogs.com/evaling/p/6656277.html
Copyright © 2011-2022 走看看