gpt4 book ai didi

angularjs - Angular - 用 html 插入字符串

转载 作者:行者123 更新时间:2023-12-04 03:27:13 25 4
gpt4 key购买 nike

所以我有一个看起来像这样的“模板字符串”:

var templateString = "Hello my name is {{name}}";

我要插入的名称是 in 变量。所以我是这样进行的:
var miniScope = {
name: "Chuck"
};

var sentence = $interpolate(templateString)(miniScope);
/* sentence: "Hello my name is Chuck" */

这有效。现在我想 粗体 名字。我显然已经尝试过:
var miniScope = {
name: "<strong>Chuck</strong>"
};

但是 html 代码被转义了。知道我如何实现这一目标吗?

PS:对于那些想知道为什么我不只是将字符串放在模板中的人,这是因为我的模板字符串来自服务器。

最佳答案

Plunkr正如预期的那样,输出“你好,我的名字是 Chuck ”。 JavaScript 与问题相同。

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 被编码。
  <body ng-controller="TestCtrl">
<div ng-bind-html="sentence"></div>
</body>

关于angularjs - Angular - 用 html 插入字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27291864/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com