Question

我正在尝试禁用按钮，具体取决于OptionsDisplayValue是否包含某些文本（因此符合所需的依赖关系）

以下似乎不起作用，我不完全确定原因。当我写{{AddAttribute.OptionsDisplayValue.$invalid}}时，它返回true。

所以我原以为ng-disabled="true"会起作用。

<html ng-app>    
    <body>
        <form id="AddAttribute" name="AddAttribute">
            <input type="text" class="form-control" 
              placeholder="Display Name" required="required" 
              ng-model="OptionsDisplayValue" 
              id="OptionsDisplayValue" name="OptionsDisplayValue" />

            <input type="button" class="btn btn-primary" value="Add" 
              id="AddOption" name="AddOption" 
              ng-model="AddOption" 
              ng-disable="AddAttribute.OptionsDisplayValue.$invalid" />

            {{AddAttribute.OptionsDisplayValue.$invalid}}
        </form>
    </body>
</html>

我猜想我对如何知道ng-disabled工作的理解。我使用了ngDisabled文档中的复选框示例，这似乎有效。

我如何使用输入的有效性作为禁用因素？

Answer 1

使用错过了d

末尾添加disable

应该是ng-disabled而不是ng-disable

<强> Markpup

ng-disabled="AddAttribute.OptionsDisplayValue.$invalid"

Answer 2

您的代码使用ng-disable，这是实际指令ng-disabled的拼写错误。

如何在输入值无效时禁用按钮

2 个答案: