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的必需属性。试试这个：

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