How to pass a variable to data-target data-toggle in AngularJS/Bootstrap

Question

I am trying to execute this code

data-toggle="collapse" data-target={{form.$invalid ? '#errorP2' : '#infoDiv'}}

which will toggle either info or error according to the form validity.

How can I do that ?

AngularJS : 1.4 --- Bootstrap 3

davidkonrad · Accepted Answer · 2015-10-21 23:29:27Z

1

I guess you just see something like this in the rendered markup :

data-target="{{ ng-binding"form.$invalid ? '#errorP2' : '#infoDiv'}}

or similar. Wrap it into qoutes so angular have a chance to parse the expression, and use an expression. 1.4.x do support ternarys :

data-toggle="collapse" data-target="{{form.$invalid==true ? '#errorP2' : '#infoDiv'}}"

answered Oct 21, 2015 at 23:29

davidkonrad

85.7k17 gold badges211 silver badges273 bronze badges

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

1 Answer 1