javascript - 在某些情况下禁用输入字段

Question

我有一个带有 Angular Directive(指令)的输入。

<input type="text" class="form-control dropdown-toggle" data-toggle="dropdown" data-ng-disabled="formReadOnly" data-ng-model="item[item.fields[0].name]" data-ng-keyup="comboBoxNDCOptions(2, 69, item[item.fields[0].name], 'searchNdc')" />

我想添加逻辑，以便在发生特定情况时禁用输入字段。 (不可编辑)

因此在输入中我尝试添加以下内容:

{{true ?  'ng-disabled="true"' : ''}}

在这种情况下，它应该始终评估为真，因此添加 ng-disabled="true"。

但是它没有按预期运行:

<input {{true ? 'ng-disabled="true"' : ''}} type="text" class="form-control dropdown-toggle" data-toggle="dropdown" data-ng-disabled="formReadOnly" data-ng-model="item[item.fields[0].name]" data-ng-keyup="comboBoxNDCOptions(2, 69, item[item.fields[0].name], 'searchNdc')" />

我做错了什么，我该如何解决？

Answer 1

你的语法错误。您可以在 ng-disabled 上检查一些条件。您可以将 x==y 替换为将评估为真或假的逻辑。

<input ng-disabled="x==y?true:false" type="text" class="form-control dropdown-toggle" data-toggle="dropdown" data-ng-disabled="formReadOnly" data-ng-model="item[item.fields[0].name]" data-ng-keyup="comboBoxNDCOptions(2, 69, item[item.fields[0].name], 'searchNdc')" />