Ionic2 离子2-文本溢出

我正在向页面动态添加文本

Html

TS

this.response=”“+result.response+“”+this.response；//在新行中添加响应

结果

问题

1） 文本未（自动）换行到下一行。（见黄线，文本隐藏）

2） 无论我在

innerHtml

中添加了什么样式，在显示时它都不会添加到页面中

如何设置文本溢出/换行符属性来解决此问题

---

另外，我正在使用离子2，目前正在Chrome上进行测试。

只需将item text wrap类添加到item即可。

<ion-item class="item-text-wrap">
    <div [innerHTML] = "response"></div>
</ion-item>

或
在这种情况下，尝试将“空白：正常；”属性添加到ion项。

---

默认情况下，空白为nowrap，这就是为什么您会看到省略号（“…”）中的文本

将

文本换行

添加到项目中

<ion-item text-wrap no-lines>
  <div [innerHTML] = "response"></div>
</ion-item>

这一个有效。除此之外，您能告诉我如何将css应用于

innerHtml

tag/

div

？检查生成的html并尝试构建正确的选择器。。。应以.item.item内部..开头。。。。。

<ion-item class="item-text-wrap">
    <div [innerHTML] = "response"></div>
</ion-item>

<ion-item text-wrap no-lines>
  <div [innerHTML] = "response"></div>
</ion-item>