Question

您好我正在使用angularjs开发Web应用程序。我正在尝试对下拉列表进行验证，如下所示。

 <div ng-if="rankrequired">
 <span class="ang-error" style="color:#fff" ng-show="form3.rank.$invalid && form3.rank.$error.required && form3.rank.$dirty">*{{'Required' | translate}}</span>
  </div>
  <select id="rank" name="rank" ng-model="user.rank" ng-options="user.ID as user.Rank for user in rankList">
  <option value="" label="rank">{{ 'Rank' | translate }}</option>
  </select>

每当我$scope.rankrequired = true;以上验证都应该有效。每当我做$scope.rankrequired = false;验证不应该在那里。我试图从控制器分配值$scope.rankrequired true或false。但是，上面的代码不起作用。我可以知道是否有更好的方法来实现这一目标？任何帮助，将不胜感激。谢谢。

Answer 1

您需要在ng-required上定义select才能获得应用验证。类似的东西：

 <div ng-if="rankrequired">
 <span class="ang-error" style="color:#fff" ng-show="form3.rank.$invalid && form3.rank.$error.required && form3.rank.$dirty">*{{'Required' | translate}}</span>
  </div>
  <select id="rank" name="rank" ng-model="user.rank" ng-required="rankrequired"
    ng-options="user.ID as user.Rank for user in rankList">
  <option value="" label="rank">{{ 'Rank' | translate }}</option>
  </select>

Angularjs条件验证，用于必要的字段验证

1 个答案: