问题显示<br/>文本而不是在angular6中折线

Question

我的文字以斜角显示。

var text = 'The Zones We are Looking for a Reversal is6000<br><br>We Will Keep Close Eyes on it <br>But Keep in Mind That if We Break Below 6000 USD<br><br>Then This Time We Expect a Hard PullBack Towards 5250-5500 USD Levels<br><br>'

<div class="text">
  {{text}}
</div>

.text {
    word-wrap: break-word;
    line-height: 150%;
    white-space: pre-wrap;
}

为什么在html上它仍显示'
'而不是虚线？

Answer 1

也使用ng-bind-html与html元素进行绑定。 ng-bind创建一个文本节点。 参考ng-bind-html 您也可以使用pre标签。它将在指定位置自动提供换行符

<div class="text">
  <pre>{{text}}</pre>
</div>