1
A
答えて
0
値を初期化しているので、必須属性が満たされています。必要な検証が正しく機能するためには、値のないオプションを使用して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>
+0
ありがとうございます。 これは問題でした ng-init = "data.model = '0'" –
関連する問題
- 1. はここangularjs
- 2. AngularJS $ routeProviderはここ
- 3. $ HTTPはここangularjs
- 4. AngularJSログインログアウトボタンはここ
- 5. this.routerはここでAngularJS 2
- 6. 私のチェックボックスは、ここ* angularjs
- 7. AngularJS Firebaseは、ここでオブジェクトキー
- 8. AngularJS - ここではbodyタグ
- 9. Angularjs POSTは、ここ404
- 10. ここangularjs
- 11. angularjs:ここ
- 12. 私はangularJSは、APIがここで$スコープ
- 13. AngularJSフォーム:ここでは、前の入力
- 14. AngularJsは、ここに私のコントローラ
- 15. はカートから削除ここでAngularJS
- 16. AngularJs UI-ルータの子ビューは、ここで
- 17. Angularjsモジュールエラーが、ここでplnkr
- 18. AngularJS JSON配列ここ
- 19. angularJSここに私のHTMLファイル
- 20. angularjsが、これは私のhtmlでテキストエリア
- 21. Javascript - Angularjs - チラシ。翻訳どこ
- 22. AngularJSとブートストラップ]タブの動作は、だからここ
- 23. AngularJS:チェックするチェックボックス内の属性は、ここで
- 24. AngularJSグローバルなエラー処理 - カスタムメソッドのエラーハンドラは、ここで
- 25. どのように私はここにangularJS
- 26. AngularJS:$スコープでオブジェクト参照についてここで
- 27. これを使用することにより、子ウィンドウがangularjs
- 28. AngularJS、どこにグローバルリストを置くなど
- 29. AngularJs - この作品NG-含ま
- 30. このサンプルAngularJS無限スクロールのサンプル
間違いなく... –
あなたは、あなたの質問にコードをさらに追加してくださいすることができないあなたは非常に少しのショーを提供しているスニペット、私たちにあなたのhtmlを表示してください**と**のJavaScript(でこの場合コントローラー)コード – George
申し訳ありませんが、残念ながら私は適切なクエリを投稿させてください。 –