Question

如果输入了其中一个输入，我试图在angularjs中启用一个按钮，否则将其禁用。我能够禁用按钮检查唯一的输入。如果检查所有输入的1个按钮怎么办？我试过这样的事......

<button type="button" ng-disabled="!in1.length>0 || !in2.length>0 || !in3.length>0">test all</button>

请在此处查看我的代码.. jsfiddle

Answer 1

ng-disabled中您的逻辑已关闭。此外，可以说，使用ng-form（或<form>）和required验证器可以更优雅地完成此操作，并且如果您有一个动态数量的按钮，则可以正常工作：

<div ng-form="groupForm">
  <input ng-model="foo.a" required>
  <input ng-model="foo.b" required>
  <input ng-model="foo.c" required>

  <button type="button" 
          ng-disabled="groupForm.$error.required.length === 3">something</button>
</div>

Answer 2

如果我理解正确，您希望使用&&代替||：

<button type="button" ng-disabled="!in1.length>0 && !in2.length>0 && !in3.length>0">test all</button>

Answer 3

它不漂亮 - 但这会奏效：

 <button type="button" ng-disabled="!((in1 && (!in2 && !in3)) || (in2 && (!in1 && !in3)) || (in3 && (!in1 && !in2)))">test all</button>

小提琴：

http://jsfiddle.net/iandayman/q8u1x0n1/2/

如果没有输入，如何启用按钮？

3 个答案: