string concat in an html attribute

Question

in my directive i have a template like the following

template:'<li ui-sref-active="active" ng-class="\'has\'+ getSubClassString(item)">'+
            '<a ui-sref="{{item.state}}">' +
            '<span ng-class="getSubClassString(item) + \'-menu-text\'">{{item.content}}                </span>' +
            '</a>' +
            '</li>'

in the ng-class attributes i am trying to concat a string with a function that returns a string, but it doesn't seem to be working, what am i doing wrong?

Aviran Cohen · Accepted Answer · 2014-03-22 00:27:25Z

4

Try adding {{ }} so the function will be called and its result will be calculated instead of having the function name as a string.

Try the following code:

template:'<li ui-sref-active="active" ng-class="\'has\'+ getSubClassString(item)">'+
            '<a ui-sref="{{item.state}}">' +
            '<span ng-class="{{getSubClassString(item)}} + \'-menu-text\'">{{item.content}}                </span>' +
            '</a>' +
            '</li>'

answered Mar 22, 2014 at 0:27

Aviran Cohen

5,7214 gold badges50 silver badges76 bronze badges

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

1 Comment

user1492051 Over a year ago

thanks a lot that helped but i had to include the whole attribute value inside {{}} for it to work

Collectives™ on Stack Overflow

string concat in an html attribute

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related