0

我有一个带有 2 个输入框的表单,它下面是 2 个单选按钮,单选按钮下还有几个输入框。

默认情况下,仅需要单选按钮上方的前 2 个输入框。一旦我填充了 2 个输入框,表单将变为有效(myForm.$invalid 变为 false)。现在,当我单击第二个单选按钮时,将需要其他输入框,使 myForm.$invalid 再次为真。如果我单击第一个单选按钮,表单将再次有效。

假设选择了第二个单选按钮并且我们已经填充了所有输入框,我希望表单最终变得有效。我需要这个,所以我可以更改按钮的 ng-disabled。

我们怎么能做到这一点?

4

1 回答 1

1

编辑:好的,忘记我上面写的一切,我把它过度复杂化了!

最简单的解决方案适合您的场景,您将使用ng-required. 例子:

False<input type="radio" name="response" data-ng-model="myRadioButtonModel" data-ng-value="false" />
True<input type="radio" name="response" data-ng-model="myRadioButtonModel" data-ng-value="true" />
       <br/>
<input name="myTextInput" type="text" ng-model="textInput" ng-required="myRadioButtonModel === true"/>

普朗克

于 2015-05-10T17:04:39.617 回答