html属性中的字符串连接

Question

在我的指令中，我有一个类似下面的模板

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>'

在ng-class属性中我试图用一个返回字符串的函数连接一个字符串，但它似乎不起作用，我做错了什么？

Answer 1

尝试添加{{ }}，以便调用该函数并计算其结果，而不是将函数名称作为字符串。

请尝试以下代码：

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>'