在离子标签内插入换行符

Question

我正在使用离子来构建应用程序，我想在离子标签内插入一个换行符（将呈现一个字符串），以便它可以在其容器内正确显示...

<h2>{{caravan.model}}</h2>

Answer 1

使用Ionic2的一个解决方案是使用div的innerHtml

<div class="card-content" [innerHtml]="description"></div>

现在您可以使用任何HTML标记，例如

<h1>, <br> or <p></p> etc..

在prop描述中：typescript或javascript类中的字符串

description:string = "<h1>My Header</h1> more text <br> and a break"

Answer 2

我通过添加类＆＃34; item-text-wrap＆＃34;解决了我的问题。添加换行符。

 <h2 class="item-text-wrap">{{caravan.model}}</h2>

Answer 3

您需要使用ng-repeat，如下所示：
在 controller.js

中

$scope.carven = carven;

和
在 html

中使用此功能

<div ng-repeat="data in carven">
   <h2>{{data.model}}</h2>
 </div>