在angularjs中插入字符串

时间:2016-03-31 22:32:37

标签: javascript angularjs zurb-foundation

在我的应用程序中,我需要以粗体和红色显示字符串。 我的下面代码正在返回

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

1 个答案:

答案 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;
}