一致する検索フィールドが空の場合、入力フィールドを無効にする

Question

検索ページに次の入力フィールドがあります。

1. 列
2. オペレータ
3. ValueToSearch

現在演算子は値 "のisEmpty" を保持します。 Operator値がEmptyであるため、ValueToSearchを無効にしたかったのです。演算子がIsEmpty以外の場合（例：equals、not equals）、ValueToSearchが表示されます。

条件が真でない場合に無効にする方法。あなたがngDisabledとngInitディレクティブを使用する必要が

<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

！

このチェックアウト：

<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>

を10