javascript - 动态生成带换行符的span标签

Question

当我为 Angular 创建 json 结构以正确呈现数据时，我只需将特定标签替换为

</br>

或

   

文本以便以正确的格式显示整个文本。

  if(e.transcription.indexOf("%HESITATION")>-1)
     e.transcription =  e.transcription.replace("%HESITATION",   ');

或者

if(e.transcription.indexOf("%HESITATION")>-1)
     e.transcription =  e.transcription.replace("%HESITATION", </br></br>;');

但是，生成的字符串将这些元素显示为字符串，它既没有按预期呈现，也没有相应地显示带有换行符的文本。

替换此处以在 html 中正确换行的正确方法是什么？

我只是按照以下格式在 Angular 中打印这些文本；

<span class="script-text">{{thread.transcript}}</span>

但是生成的输出是

Hello </br></br> Word
Hello &nbsp;&nbsp; Word

Answer 1

var app = angular.module("myApp", ['ngSanitize']);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-sanitize.js"></script>
<div ng-app="myApp">
<input type="text" ng-model="value">
<div ng-bind-html="value"></div>
</div>