AngularJS conditional attribute

Question

Is it possible to get conditional attribute (not class)?

e.g.:

<form-field {true: 'required'}[field.required]></form-field>

expected results

<form-field required></form-field>

or

<f orm-field ></form-field>

now I've got an

Error: The string contains invalid characters.

This is in html file not in template which I can compile.

Try using ng-attr-*. See this [similar question](http://stackoverflow.com/questions/15696416/what-is-the-best-way-to-conditionally-apply-attributes-in-angular). — Karl Higley, Dec 28 '13 at 14:18

score 3 · Accepted Answer · answered Dec 28 '13 at 14:19

3

No, it's not possible. In your case, you can of course use the ngRequired parameter of the input directive.

Inspired by this exemple, you can use a similar trick for your custom directives: just add a parameter that indicate whether or not the directive is enabled.

answered Dec 28 '13 at 14:19

Blackhole

20,129
7
70
68

Yes, but i need it also for more attributes, the required was the simpliest example - but of course you're right – Tomasz Brzezina Dec 28 '13 at 14:45
This is actually completely possible. See my answer. – Code Whisperer Jan 12 '15 at 17:04

Code Whisperer · Answer 2 · 2015-01-13T15:49:43.210

-1

<form-field required={{field.required}}></form-field>

Which resolves to

<form-field required=true></form-field>

JSFiddle Example: http://jsfiddle.net/HB7LU/9973/

edited Jan 13 '15 at 15:49

answered Jan 12 '15 at 17:03

Code Whisperer

22,959
20
67
85

Your example doesn't work. I think the field is getting set to disable because it simply exists. If you change the $scope.disable variable to false, the field is still disabled. – Chic Aug 26 '15 at 17:16

AngularJS conditional attribute

2 Answers2