美文网首页
AngularJs ng-disabled指令

AngularJs ng-disabled指令

作者: 报告老师 | 来源:发表于2017-11-01 23:08 被阅读369次

这个指令用于领到一个或多个元素不可以用(变灰)

ng-disabled=“表达式或者函数”

如果表达式或者函数返回值是布尔true,则改元素状态变灰。返回false则可用。

因为input type=“checkbox”可以存放一个布尔变量。选中默认为true,未选默认为false,所以可以在标签内存放一个ng-model来定义变量名。下面一个例子可以说明。

<input type=“checkbox” ng-model=“able”>

<input type=“text” ng-disabled=“!able”>

说明:未点击checkbox时输入框锁定状态,点击以后才解除锁定。

相关文章

  • AngularJs ng-disabled指令

    这个指令用于领到一个或多个元素不可以用(变灰) ng-disabled=“表达式或者函数” 如果表达式或者函数返回...

  • AngularJs-DOM

    一、常用的指令: 1、ng-disabled 指令 ng-disabled 指令直接绑定应用程序数据到 HTML ...

  • Angular相关指令

    AngularJS 指令 本教程用到的 AngularJS 指令 : 指令 描述 ng-app 定义应...

  • AngularJS 参考手册

    AngularJS 指令 本教程用到的 AngularJS 指令 : 过滤器解析 AngularJs 过滤器。 A...

  • AngularJS (2)

    AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令...

  • AngularJS 指令

    AngularJS 指令 背景 什么是AngularJS指令? 一、内置指令 二、自定义 概念 模块对象app,提...

  • AngularJS使用

    AngularJS实现MVC AngularJS模块化Module AngularJS指令系统 AngularJS...

  • Angular基础学习-01

    本节包括:AngularJS表达式、AngularJS指令、AngularJS模型、AngularJS的Scope...

  • 15. Angular的内置指令(过滤器)

    AngularJS中自定义指令处理 以ng开头的指令都是内置指令。 内置指令是AngularJS已经处理,使用内置...

  • 表单验证——笔记

    1.HTML5的form属性结合angularJS的ng-disabled来进行表单的输入验证, 看例子 设置fo...

网友评论

      本文标题:AngularJs ng-disabled指令

      本文链接:https://www.haomeiwen.com/subject/flunpxtx.html