Angularjsはここ

Question

を働いていない検証がコードスニペットあるドロップダウンユーザースクール。

お勧めします。

Answer 1

値を初期化しているので、必須属性が満たされています。必要な検証が正しく機能するためには、値のないオプションを使用してng-initを取り除く必要があります。

angular.module('app', []) 
 
    .controller('ctrl', function($scope) { 
 
    $scope.data = {}; 
 
    $scope.data.model = undefined; 
 
    $scope.data.availableOptions = [{ 
 
     id: 1, 
 
     name: 'School 1' 
 
    }, { 
 
     id: 2, 
 
     name: 'School 2' 
 
    }, { 
 
     id: 3, 
 
     name: 'School 3' 
 
    }]; 
 
    $scope.submit = function() { 
 
     console.log('submitted: ', $scope.data.model); 
 
    }; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script> 
 
<form name="theForm" ng-app="app" ng-controller="ctrl" ng-submit="submit()"> 
 
    <select name="userSchool" id="userSchool" ng-model="data.model" required> 
 
    <option value="">Select School</option> 
 
    <option ng-repeat="option in data.availableOptions" value="{{option.id}}">{{option.name}}</option> 
 
    </select> 
 
    <input type="submit" value="Submit"> 
 
</form>