所以我有一个“模板字符串”,如下所示：
@H_403_1@var templateString = "Hello my name is {{name}}";
我要插入的名称是变量.所以我这样做了：
@H_403_1@var miniScope = { name: "Chuck" }; var sentence = $interpolate(templateString)(miniScope); /* sentence: "Hello my name is Chuck" */这很有效.现在我想把这个名字加粗.我显然已经尝试过了：
@H_403_1@var miniScope = { name: "<strong>Chuck</strong>" };但是HTML代码被转义了.知道我怎么能做到这一点？
PS：对于那些想知道为什么我不把字符串放在模板中的人,这是因为我的模板字符串来自服务器.
这个
Plunkr按预期输出“Hello my name is Chuck”. JavaScript没有改变.
@H_403_1@var app = angular.module("app",["ngSanitize"]);
app.controller("TestCtrl",TestCtrl);
function TestCtrl($scope,$interpolate) {
var templateString = "Hello my name is {{name}}";
var miniScope = {
name: "<strong>Chuck</strong>"
};
$scope.sentence = $interpolate(templateString)(miniScope);
}
在HTML中,使用ng-bind-html来防止HTML被编码.
@H_403_1@<body ng-controller="TestCtrl"> <div ng-bind-html="sentence"></div> </body>