Javascript 带换行符的跨距标记的动态生成
在为Angular创建json结构以正确呈现数据的同时,我只需将特定标记替换为Javascript 带换行符的跨距标记的动态生成,javascript,html,angularjs,Javascript,Html,Angularjs,在为Angular创建json结构以正确呈现数据的同时,我只需将特定标记替换为 </br> 文本,以便以适当的格式显示整个文本 if(e.transcription.indexOf("%HESITATION")>-1) e.transcription = e.transcription.replace("%HESITATION", '); 或 if(如transcription.indexOf(“%犹豫”)>-1) e
</br>
文本,以便以适当的格式显示整个文本
if(e.transcription.indexOf("%HESITATION")>-1)
e.transcription = e.transcription.replace("%HESITATION", ');
或
if(如transcription.indexOf(“%犹豫”)>-1)
e、 转录=e.转录。替换(“%犹豫”,;”);
但是,生成的字符串将这些元素显示为字符串,它既不会按预期呈现,也不会相应地显示带换行符的文本
在html中正确替换换行符的正确方法是什么
我只需按以下格式以角度打印这些文本
<span class="script-text">{{thread.transcript}}</span>
{{thread.transcript}
但生成的输出是
Hello </br></br> Word
Hello Word
你好Word
你好词
您可以使用ng bind html
指令执行此操作。请尝试以下操作:
<span class="script-text" ng-bind-html="thread.transcript"></span>
这需要在模块中包含Ngsanize。阅读更多信息。您可以使用
ng bind html
指令执行此操作。请尝试以下操作:
<span class="script-text" ng-bind-html="thread.transcript"></span>
这需要在模块中包含Ngsanize。阅读更多信息。
var-app=angular.module(“myApp”,“ngSanitize]”)代码>
var-app=angular.module(“myApp”,“ngSanitize]”)代码>
您是否使用了ng bind html
您是否使用了ng bind html
<span class="script-text" ng-bind-html="thread.transcript"></span>