zoukankan      html  css  js  c++  java
  • AngularJS快速入门指南10:DOM节点

      AngularJS通过指令将application数据绑定到HTML DOM元素的属性上。


    ng-disabled指令

      ng-disabled指令将AngularJS application数据绑定到HTML元素的disabled属性上。

    <div ng-app="">
    
    <p>
    <button ng-disabled="mySwitch">Click Me!</button>
    </p>
    
    <p>
    <input type="checkbox" ng-model="mySwitch">Button
    </p>
    
    </div>

    运行

    代码解释:

      ng-disabled指令将application数据mySwitch绑定到HTML button的disabled属性上。

      ng-model指令将HTML checkbox元素的value值绑定到mySwitch对象上。

      如果mySwitch的值为true,则button将被disabled掉:

    <p>
    <button disabled>Click Me!</button>
    </p>

      如果mySwitch的值为false,则button不会被disabled掉:

    <p>
    <button>Click Me!</button>
    </p>

    ng-show指令

      ng-show指令用来显示或隐藏一个HTML元素。

    <div ng-app="">
    
    <p ng-show="true">I am visible.</p>
    
    <p ng-show="false">I am not visible.</p>
    
    </div>

    运行

      ng-show指令通过value值来显示(或隐藏)一个HTML元素。

      你可以使用任何能返回true或false的表达式,例如:

    <div ng-app="">
    
    <p ng-show="hour > 12">I am visible.</p>
    
    </div>

    运行

    Note 在接下来的章节中会有更多有关通过button的click事件来隐藏HTML元素的例子。

    ng-hide指令

      我们也可以通过ng-hide指令来隐藏或显示一个HTML元素。

    <div ng-app="">
    
    <p ng-hide="true">I am not visible.</p>
    
    <p ng-hide="false">I am visible.</p>
    
    </div>

    运行

  • 相关阅读:
    JVM 综述
    看 Netty 在 Dubbo 中如何应用
    Netty 心跳服务之 IdleStateHandler 源码分析
    Netty 高性能之道
    Netty 解码器抽象父类 ByteToMessageDecoder 源码解析
    Netty 源码剖析之 unSafe.write 方法
    Netty 出站缓冲区 ChannelOutboundBuffer 源码解析(isWritable 属性的重要性)
    Netty 源码剖析之 unSafe.read 方法
    Netty 内存回收之 noCleaner 策略
    Netty 源码阅读的思考------耗时业务到底该如何处理
  • 原文地址:https://www.cnblogs.com/jaxu/p/4496255.html
Copyright © 2011-2022 走看看