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