angularjsフォームに 'no-success'マークを入力しないでください。

Question

フィールドフィールド1はフォーム提出でrequiredです。しかし、フォームを開くと、ラベルの前に 'has-success'という緑色のチェックマークが表示されます。フィールドが有効であるかのように、フィールドには何も入力されていません。

<div class="form-group" 
    ng-class="{'has-error':Form.field1.$dirty && Form.field1.$invalid, 'has-success':Form.field1.$valid}"> 
    <label class="control-label symbol required"> 
     My Field 
    </label> 
    <ui-select multiple tagging tagging-label="true" ng-model="myModel.myfield1" name="field1" theme="bootstrap" title="Choose your answer" required> 
     <ui-select-match placeholder="This is to be completed"> 
      {{$item}} 
     </ui-select-match> 
     <ui-select-choices repeat="r in mydata.datafield1 | filter: $select.search"> 
      {{r}} 
     </ui-select-choices> 
    </ui-select> 
    <span class="success text-small" ng-if="Form.field1.$valid">This is correct!</span> 
</div> 

Answer 1

あなたは、私はこのコードを取得する行動見ることができるように私は、あなたのためplnkrを作った2 編集：

HTML

<div ng-controller="foo"> 

<form name="Form"> 
    <div class="form-group" ng-class="{'has-error':Form.field1.$dirty && Form.field1.$invalid, 'has-success':Form.field1 && Form.field1.$valid}"> 
    <!-- You have to check for Form.field1 property when putting the form valid as well--> 
    <label class="control-label symbol required"> 
     My Field 
    </label> 
    <ui-select multiple tagging tagging-label="true" ng-model="myModel.myfield1" name="field1" theme="bootstrap" title="Choose your answer" required> 
     <ui-select-match placeholder="This is to be completed"> 
      {{$item}} 
     </ui-select-match> 
     <ui-select-choices repeat="r in mydata.datafield1 | filter: $select.search"> 
      {{r}} 
     </ui-select-choices> 
    </ui-select> 
    <span class="success text-small" ng-if="Form.field1.$valid">This is correct!</span> 
    </div> 
</form> 

</div> 

コントローラ

を

angular.module('myapp', ['ui.select', 'ngSanitize']) 
    .controller('foo', function($scope) { 

    $scope.mydata = { 
    datafield1: ['Option1', 'Option2', 'Option3'] 
    } 

}); 

http://plnkr.co/TKj2sx