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>
    

      

     

  • 相关阅读:
    odoo service error 更改端口号
    unique 唯一约束
    odoo 注册失败
    odoo 某个字段权限设置
    linux 定时任务
    odoo webside theme
    js 杂记
    vue3入门总结
    vue输出空格
    css等比例缩放图片
  • 原文地址:https://www.cnblogs.com/evaling/p/6656277.html
Copyright © 2011-2022 走看看