Question

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

默认情况下，只需要单选按钮上方的前2个输入框。一旦我填充了2个输入框，表单就会生效（myForm。$ invalid变为false）。现在，当我单击第二个单选按钮时，其他输入框将变为必需，使得myForm。$ invalid再次为true。如果我单击第一个单选按钮，表单将再次生效。

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

我们怎么能这样做？

Answer 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"/>

Plunker

在按钮上禁用ng并使Angular中的表单无效

1 个答案: