禁用某些情况下的输入字段

时间:2017-08-01 19:38:03

标签: javascript html angularjs html5

我有一个带有角度指令的输入。

<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"' : ''}}

在这种情况下,它应始终评估为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')" />

我做错了什么以及如何解决?

1 个答案:

答案 0 :(得分:1)

你的语法错了。您可以在ng-disabled上查看某些条件。您可以将x == y替换为将评估为true或false的逻辑。

<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')" />