Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – Angular – 用html插值字符串大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我有一个“模板字符串”,如下所示:
var templateString = "Hello my name is {{name}}";

我要插入的名称是变量.所以我这样做了

var miniScope = {
 name: "Chuck"
};

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

这很有效.现在我想把这个名字加粗.我显然已经尝试过了:

var miniScope = {
 name: "<strong>Chuck</strong>"
};

但是HTML代码被转义了.知道我怎么能做到这一点?

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

这个 Plunkr按预期输出Hello my name is 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插值字符串全部内容,希望文章能够帮你解决angularjs – Angular – 用html插值字符串所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。