オプションフィールド、必須無効フィールド、必須有効フィールドの区別方法を教えてください。

Question

Angular JSでは、オプションのフィールド、必須の無効なフィールド、必須の有効なフィールドを区別しますか？

必要条件は、白い背景にオプションのフィールドが必要です。赤い枠線を持つ黄色の背景に無効なフィールドが必要で、黄色の背景に赤い枠線を付けずに有効なフィールドが必要です。

私のページでは、ng-requiredが動的に設定されています。たとえfalseに設定されていても。 angleはクラス "ng-valid-required"を追加します。差別化の手段はありません。 ご協力いただければ幸いです。

<select class="form-control" ng-model="vm.Category" ng-required="vm.IsCategoryRequired"> 
    <option ng-repeat="option in vm.CategoryOptions" value="{{option.id}}">{{option.label}}</option> 
</select>` 

CSS：

select.ng-required { 
    background-color: #fdfddf; 
} 
select.ng-valid-required{ 
    background-color: #fdfddf; 
} 
select.ng-invalid { 
    box-shadow: 0px 0px 4px 2px rgba(227,43,43,1); 
    background-color: #fdfddf; 
} 

問題はvm.IsCategoryRequired = falseの場合でも、角度プットクラスNG-有効-必要です。ng-valid-requiredは、ng-required属性が存在しない場合にのみ存在します。あなたが任意のコードを提供していないので

Answer 1

が、私は条件があり、あなたの入力フィールドの一つが、ここでこの

<input ng-modal="myModal" ng-required="a===b" /> 

a===b次のようになりますことを前提としています今

片道（さんが言わせて） ng-styleのような条件を指定して、背景色と境界線を設定します。