私はこのコードを持って動的に

Question

を選択オプションで選択で、無効な空と手つかずのクラスを削除します。

HTML：私のコントローラの機能で

   <div class="row"> 

        <div class="col-md-6"> 

         <md-input-container> 
          <label>Country</label> 
          <md-select required ng-model="model.userCountry" id="res_country" name="res_country" ng-change="updateTimeZone(model.userCountry)" aria-label="select"> 
           <md-option ng-repeat="country in country" value="{{country.gid}}"> {{country.name}} </md-option> 
          </md-select> 
         </md-input-container> 

        </div> 

        <div class="col-md-6"> 

         <md-input-container id="timezone"> 
          <label>Timezone</label> 
          <md-select required ng-model="model.userZone" id="res_zone" name="res_zone" aria-label="select"> 
           <md-option ng-repeat="zone in zone" value="{{zone.gid}}"> {{zone.name}} </md-option> 
          </md-select> 
         </md-input-container> 

        </div> 
       </div> 

を私はに基づいてタイムゾーンのリストを取っています選択された国。国を選択すると、タイムゾーンが1つしかない場合は、デフォルトで選択されます。

以前に保存した国とタイムゾーンでビューを読み込むと、timezone selectにng-emptyとng-invalidクラスがあり、同じオプションを再度選択するとエラーとしてマークされます。もう1つのケースは、2つ以上のタイムゾーンを持つ国を選択した後、1つしかない別の国を選択する場合です。タイムゾーンが選択されますが、エラーとしてマークされます。どのようにそれらのクラスを削除できますか？

Answer 1

私はちょうど必要な小道具を変更し、代わりにこれを追加しました：何も選択した値

がない場合にのみ、これにより

ng-required="!model.userZone" 

を、入力エラーとしてマークされます