AngularJS filter not work in input field required

Question

this work

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

output

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

but this not work

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

output

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

....

Edit, add filter:

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

}); Anyone have an idea how make it work?

ms87 · Accepted Answer · 2014-02-09 18:33:46Z

1

Use ng-required, you can't set HTML5's required attribute like that. Try this:

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

answered Feb 9, 2014 at 18:33

ms87

17.5k23 gold badges89 silver badges123 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS filter not work in input field required

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related