0

requiredAngularJS の検証を使用してドロップダウンを検証する必要があります。検証用のディレクティブを作成しましたが、ディレクティブが select タグに読み込まれません。ドロップダウンにディレクティブをロードする方法は? または、ドロップダウンを検証する方法は?

4

1 に答える 1

2

フォームの送信ボタンに検証メソッドを追加して、ドロップダウンの値を確認できます。

例： http: //plnkr.co/edit/PbePIh

app.js :

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.colors = [{name: 'blue'}, {name:'red'}, {name:'yellow'}];

  $scope.reqColor = function() {
    if ($scope.color && $scope.color.name && $scope.color.name != 'blue') return false;
    return true;
  }
});

index.html :

<body ng-controller="MainCtrl">
 <form name="form">
  <select ng-model="color" ng-options="c.name for c in colors"></select><br>
  <button ng-disabled="form.$invalid || reqColor()">Save</button>
 </form>
</body>

この例では、ドロップダウンで何も選択しなかった場合、または青色を選択した場合、保存ボタンは無効になります。

于 2013-03-20T12:52:11.450 に答える