AngularJS过滤器在所需的输入字段中不起作用

Question

这个作品

<input type="text" aaa="{{field.isRequired | requiredx}}" ng-model="field.input.model">

输出

<input type="text" aaa="required" class="form-control ng-pristine ng-valid" ng-model="field.input.model">

但这不起作用

<input type="text" required="{{field.isRequired | requiredx}}" ng-model="field.input.model">

输出

<input type="text" required="{{field.isRequired | requiredx}}" class="form-control ng-pristine ng-valid ng-valid-required" ng-model="field.input.model">

....

编辑，添加过滤器：

angular.module('appFilters', []).filter('requiredx', function() {
return function(input) {
    return input ? 'required' : '';
};

}); 有人知道如何使它工作吗？

Answer 1

使用 ng-required，你不能这样设置 HTML5 的 required 属性。试试这个：

<input type="text" ng-required="(field.isRequired | requiredx)" ng-model="field.input.model">