在我的应用程序中,我需要以粗体和红色显示字符串。 我的下面代码正在返回
<span style="font-weight:bold;background-color:red">MALE</span>
但我想要退回文字&#34; MALE&#34;用粗体和红色。
angularJS:
$scope.fullName = function (item) {
var searchType;
if (item.SearchType == 'MALE') {
searchType = '<span style="font-weight:bold;background-color:red">MALE</span>';;
}
else {
searchType = '<span style="font-weight:bold;background-color:red">FEMALE</span>';;
}
return item.FirstName + ' ' + item.LastName + ' ' + searchType;
}
HTML:
<zf-accordion auto-open="false">
<zf-accordion-item ng-repeat="item in Individuals" title={{fullName(item)}}">
<p><span>{{item.FirstName}}</span>
<span>{{item.LastName}}</span><br />
<span>FullName</span></p>
</zf-accordion-item>
</zf-accordion>
答案 0 :(得分:0)
我想我最初误解了你写的代码 在这种情况下,您可能希望在zf-accordion-item标记中添加ng-class,希望将其添加到呈现的title元素中。
$scope.fullName = function (item) {
if (item.SearchType == 'MALE') {
searchType = 'MALE';
}
else {
searchType = 'FEMALE';
}
return item.FirstName + ' ' + item.LastName + ' ' + searchType;
}
(accompanying css)
.male {
font-weight: bold;
background-color: red;
}