频道导航

angularjs – 禁用ng的多个条件

2020-03-10 Angularjs 前端之家

前端之家收集整理的这篇文章主要介绍了angularjs – 禁用ng的多个条件，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

我有3个复选框的下表.我分配了每一个自己的模型.

我有一个按钮,我想要禁用,除非3个复选框模型中的任何一个是真的.

但是,由于我期待使用,我感到困惑

< button“ng-disabled =”！mt0 || ！mt1 || ！MT2\" >重新分配< /按钮> 因为如果任何一个是真实的,按钮不应该被禁用. 但是,相反的工作： < button ng-disabled =“！mt0&&mt1&&mt2”>重新分配< / button>

为什么？

参见plnkr这里：http://plnkr.co/edit/yURa3g0aNjDyfEvjK2D0?p=preview

你可以做到这一点,实现你想要的： fiddle

<div ng-app>
    <input type="checkBox" ng-model="mt0">
    <input type="checkBox" ng-model="mt1">
    <input type="checkBox" ng-model="mt2">
    <button ng-disabled=" (mt0||mt1||mt2) ?  false : true">Reassign</button>
</div>

原文链接：https://www.f2er.com/angularjs/140845.html

上一篇：Angular 2 Uncaught(in promise)：下一篇：angularjs – 在ng-repeat中使用模

猜你在找的Angularjs相关文章

AngularJS 简介

AngularJS 是一个JavaScript 框架。它可通过注：建议把脚本放在元素的底部。这会提高网页...

作者：前端之家时间：2020-12-28

angluarjs中页面初始化的时候会出现语法{{}}在页面中问题

angluarjs中页面初始化的时候会出现语法{{}}在页面中问题，也即是页面闪烁问题。出现这个的...

作者：前端之家时间：2020-12-28

AngularJS 指令

AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HT...

作者：前端之家时间：2020-12-28

AngularJS 表达式

AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内...

作者：前端之家时间：2020-12-28

AngularJS 表格

ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用...

作者：前端之家时间：2020-12-28

AngularJS 控制器

AngularJS 控制器控制AngularJS 应用程序的数据。AngularJS 控制器是常规的JavaScript 对象...

作者：前端之家时间：2020-12-28

AngularJS Filters

过滤器可以使用一个管道字符（|）添加到表达式和指令中。AngularJS 过滤器AngularJS 过滤器...

作者：前端之家时间：2020-12-28

KeyPress 和KeyDown 、KeUp之间的区别

keyup适用于文本框的数据输入和同步，以及数据的获取；keydown 与 keypress更适用于通过键...

作者：前端之家时间：2020-10-31

angularjs -- 页面模板清除

angularJs模板缓存的清除，包括传统的 HTML标签设置清除缓存，以及angularJs的一些配置清除...

作者：前端之家时间：2020-10-31

angularjs -- 监听angularJs列表数据是否渲染完毕

前端在做数据渲染的时候经常会遇到在数据渲染完毕后执行某些操作，这几天就一直遇到在列表...

作者：前端之家时间：2020-10-31