zoukankan      html  css  js  c++  java
  • 【AnjularJS系列2】 表单控件功能相关指令

      第二篇,表单控件功能相关指令。 

         ng-checked控制radio和checkbox的选中状态

      ng-selected控制下拉框的选中状态

      ng-disabled控制失效状态

      ng-multiple控制多选

      ng-readonly控制只读状态

      以上指令的取值均为boolean类型,当值为true时相关状态生效,道理比较简单就不多做解释。注意: 上面的这些只是单向绑定,即只是从数据到模板,不能反作用于数据。要双向绑定,还是要使用 ng-model 。

    例如:点击【All】会改变All值,可全选,但是点击【前端】【后台】【数据库】不会改变All的值。

    <body ng-app="">
    <strong>ng-checked:</strong>
    <input type="checkbox" ng-model="All" />All
    <input type="checkbox" ng-checked="All" />前端
    <input type="checkbox" ng-checked="All" />后台
    <input type="checkbox" ng-checked="All" />数据库
    <p>点击All可全选</p>
    </body>

      代码效果:

    ng-checked: All 前端 后台 数据库
  • 相关阅读:
    C和C++的不同点
    音频质量评价指标
    常用函数整理
    Subband Decomposition
    Stability Analysis of Algorithms
    Time Frequency (T-F) Masking Technique
    雅克比(Jacobi)方法
    寒假3
    寒假作业二
    寒假 2
  • 原文地址:https://www.cnblogs.com/alwaysblog/p/6178038.html
Copyright © 2011-2022 走看看