zoukankan      html  css  js  c++  java
  • angularJS中的ng-show、ng-if指令

    angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。

    1. ng-show和ng-hide

          根据所给表达式的值来显示或隐藏HTML元素。元素会渲染出来,只是通过css隐藏了。 即DOM中会存在, 通过选择符可以获取到此元素的。

    2.ng-if指令

          可以根据表达式的值在DOM中生成或移除一个元素。如果赋值给ng-if的表达式的值是false,那对应的元素将会从DOM中移除(DOM中不会存在, 通过选择符无法选择到),否则生成一个新的元素插入DOM中。ng-if同no-show和ng-hide指令最本质的区别是,它不是通过CSS显示或隐藏DOM节点,而是删除或者新增结点。

    使用:

    ng-show在第一次渲染时 消耗资源会比较大;

    ng-if在需要频繁显示或隐藏时 消耗资源会比较大。

    所以若页面基本无变化,可以用ng-if

      需要频繁显示或隐藏时, 用ng-show。

    与之相关的一个小点:

    id元素需唯一,否则若存在多个相同id的元素时,js只会选择DOM中第一个。适当时候用ng-if

  • 相关阅读:
    C#类型转换
    C#运算符
    SQL视图与触发器
    存储过程
    SQL 变量
    SQL 经典练习题
    字符串函数,数据类型转换,链接查询,纵向查询
    常用的 SQL 函数
    习题整理(1)
    子查询的部分内容
  • 原文地址:https://www.cnblogs.com/zyjzz/p/7061373.html
Copyright © 2011-2022 走看看