私のangularアプリでは、ui-select(angular-ui-select)を使用しています。
コントロールが複数のオプションである場合、属性 'ng-required' を追加しても機能しません。
ui-validate タグを追加するオプションを見つけました。このフィールドに入力するまで、フォームは送信されないようです。
これは私のコードです
<ui-select multiple ui-validate="{required: 'validateToRequired($value)'}" ng-model="newForm.to" ng-disabled="disabled" style="width: 100%;">
........
</ui-select>
そして、コントローラー
$scope.validateToRequired = function (value) {
return !_.isEmpty(value);
}
$scope.submit = function () {
if ($scope.New_Form.$valid) {
alert("valid");
}
}
私の問題は、フィールドが空で検証されていないcssクラスを見つける方法です
.ng-invalid Css クラスと同様
input.ng-invalid {
background-color: #FA787E;
}
現在、コンソールに css クラスが表示されません