1

私の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 クラスが表示されません

ここに画像の説明を入力 ありがとう

4

1 に答える 1