大佬教程收集整理的这篇文章主要介绍了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:对于那些想知道为什么我不把字符串放在模板中的人,这是因为我的模板字符串来自服务器.
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,请注明来意。