Javascript 如何在字符串中使用br来正确显示带有html标记的字符串?
我的字符串是:Javascript 如何在字符串中使用br来正确显示带有html标记的字符串?,javascript,html,angularjs,string,replace,Javascript,Html,Angularjs,String,Replace,我的字符串是: $scope.lyrics = 'blablablalba\nblablabla\nblablabla'; 然后我将'\n'替换为标记 现在我的字符串是: $scope.lyrics = 'blablablalba<br>blablabla<br>blablabla'; 您必须清理HTML标记 $scope.lyrics = 'blablablalba<br>blablabla<br>blablabla'; <p ng-
$scope.lyrics = 'blablablalba\nblablabla\nblablabla';
然后我将'\n'
替换为
标记
现在我的字符串是:
$scope.lyrics = 'blablablalba<br>blablabla<br>blablabla';
您必须清理HTML标记
$scope.lyrics = 'blablablalba<br>blablabla<br>blablabla';
<p ng-bind-html-unsafe="lyrics">
检查此项:出于安全考虑,Angular将字符串作为文本插入,您需要指定以安全地允许绕过无菌内容 ngBindHtml -模块ng中的指令 计算表达式并将结果HTML插入到 元素以一种安全的方式。默认情况下,生成的HTML内容将 使用$sanitize服务进行消毒。利用这个 功能,确保$sanitize可用
工作示例:
var-app=angular.module('myApp',['ngSanitize']);
应用程序控制器('myCtrl',函数($scope){
$scope.lymps='blablalba
blablablabla
blablabla';
});代码>
JS-Bin
你试过用一个coule od
而不是一个吗?我猜Angular正在逃逸/清理标签。是的,结果是同样允许使用$sce.trustAsHtml()
blablablalba <br> blablabla <br> blablabla
lablablalba
blablabla
blablabla
$scope.lyrics = 'blablablalba<br>blablabla<br>blablabla';
<p ng-bind-html-unsafe="lyrics">
blablablalba
blablabla
blablabla