如果相应的搜索字段为空，则禁用输入字段

Question

我在搜索页面中有以下输入字段。

1. 列
2. 操作员
3. ValueToSearch

目前 Operator 持有值“IsEmpty”。我想禁用 ValueToSearch，因为 Operator 值为 Empty。如果运算符不是 IsEmpty（例如，等于、不等于），那么我应该显示 ValueToSearch。

如果条件不成立，如何禁用？

<div ng-if="query.field.operatorClass == 'ComparableOrNull' || query.field.operatorClass == 'IntOrNull'" class="ng-scope">
    <!-- ngIf: selectedOperator[$index] == translatedIsEmpty -->
    <!-- ngIf: selectedOperator[$index] != translatedIsEmpty -->
    <input ng-if="selectedOperator[$index] != translatedIsEmpty" blur-integer="" ng-model="query.value" class="form-control ng-valid ng-scope ng-dirty ng-valid-parse ng-touched">
    <!-- end ngIf: selectedOperator[$index] != translatedIsEmpty -->
</div>

谢谢

Answer 1

您需要使用ngDisabled 和ngInit 指令！

看看这个：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  Column : <input ng-model="column" /> <br/>
  Operator : <input ng-init="operator=''" ng-model="operator" /> <br/>
  Value To Search : <input ng-model="valueToSearch" ng-disabled="operator==''" />
</div>

---

要隐藏你可以使用 ngIf ：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-init="translatedIsEmpty=''" ng-repeat="op in ['+','','*']">
    Column :
    <input ng-model="column" />
    <br/>Operator :
    <input ng-model="op" />
    <br/>Value To Search :
    <input ng-if="op != translatedIsEmpty"/>
  </div>
</div>