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.

Karl Higley
– Karl Higley

2013-12-28 14:18:53 +00:00
Commented Dec 28, 2013 at 14:18 — Karl Higley
– Karl Higley, Commented Dec 28, 2013 at 14:18
It doesn't work in my case

Tomasz Brzezina
– Tomasz Brzezina

2013-12-28 14:45:57 +00:00
Commented Dec 28, 2013 at 14:45 — Tomasz Brzezina
– Tomasz Brzezina, Commented Dec 28, 2013 at 14:45

Blackhole · Accepted Answer · 2013-12-28 14:19:24Z

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, 2013 at 14:19

Blackhole

20.5k7 gold badges72 silver badges69 bronze badges

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

2 Comments

Tomasz Brzezina Over a year ago

Yes, but i need it also for more attributes, the required was the simpliest example - but of course you're right

Code Whisperer Over a year ago

This is actually completely possible. See my answer.

Code Whisperer · Accepted Answer · 2015-01-13 15:49:43Z

-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, 2015 at 15:49

answered Jan 12, 2015 at 17:03

Code Whisperer

23.7k22 gold badges73 silver badges88 bronze badges

1 Comment

Chic Over a year ago

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.

Collectives™ on Stack Overflow

AngularJS conditional attribute

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related