首页 文章

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

提问于
浏览 次
0

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

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

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

我们怎么能这样做？

angularjs forms invalidate angularjs-ng-form

1 回答

  • 1

    Edit ：好的，忘记我上面写的所有内容，我过于复杂了！

    最简单的解决方案适合您的场景，您将使用 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" />
       
    
<input name="myTextInput" type="text" ng-model="textInput" ng-required="myRadioButtonModel === true"/>

    Plunker

    回复于

相关问题