Bootstrap状態ピッカーのAngularJS検証

Question

私はBootstrap国家状態ピッカーを使用していますが、AngularJS検証を使用して検証することはできません。

Answer 1

あなたのカスタム検証

app.directive('state', function() { 
    var states = [ 
    "Sweden", 
    "England", 
    "Denmark" 
    ] 

    return { 
    require: 'ngModel', 
    link: function(scope, elm, attrs, ctrl) { 
     ctrl.$validators.state = function(modelValue, viewValue) { 
     if (ctrl.$isEmpty(modelValue)) 
      return false; 

     if (jQuery.inArray(viewValue, states) > -1) 
      return true; 

     return false; 
     } 
    } 
    }; 
}); 

例Htmlの詳細 https://docs.angularjs.org/guide/forms

のためのチェックアウト角度のドキュメントは、検証がより重要であることを覚えておいてください

<form name="form" novalidate> 
    <select state ng-model="states" class="form-control"> 
     <option>Sweden</option> 
     <option>England</option> 
     <option>Denmark</option> 
    </select> 
    <span ng-show="form.states.$error.state">Not a state</span> 
</form> 

としてディレクティブを追加することができますあなたの上に、この場合はおそらく難しくないでしょう。乾杯！