Question

我有多个输入元素，我想要一个ng模型，但是当我使用ng-show的模型时，它不是那么敏感，所以我该怎么办。

<form ng-model="yes">
<input type="checkbox">1</input>
<input type="checkbox">2</input>
<input type="checkbox">3</input>
</form>

即我有多个复选框，我希望它们都勾选显示另一个元素

Answer 1

你对“敏感”是什么意思？如果要设置布尔属性，这应该有效：

<form name="myForm">
  <input ng-model="myModel.prop1" type="checkbox" value="1">
  <input ng-model="myModel.prop2" type="checkbox" value="1">
  <input ng-model="myModel.prop3" type="checkbox" value="1">
</form>

但如果你的意思是一个模型的不同选项，你必须使用单选按钮：

<form name="myForm">
  <input ng-model="myModel.prop1" type="radio" value="1">
  <input ng-model="myModel.prop1" type="radio" value="2">
  <input ng-model="myModel.prop1" type="radio" value="3">
</form>

您可以通过将{{myModel}}放在源代码中的某个位置来调试模型，这样您就可以立即看到更改的效果

Answer 2

    <form name="myForm">
        <input ng-model="myModel1" type="checkbox">Option A <br/>
        <input ng-model="myModel2" type="checkbox">Option B <br/>
        <input ng-model="myModel3" type="checkbox">Option C <br/>
        <div ng-show="(myModel1 && myModel2 && myModel3)">ABC</div>
    </form>

Demo

我有多个输入元素，我想要一个ng模型

2 个答案: