ionic2 - Ionic 2 - 文本溢出

Question

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

HTML

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

TS

this.response = "<h3 style=\"border-bottom: 1px solid #dedede;\">" + result.Response + "</h3>" + this.response; // Adding the response in new line

结果

问题

1) 文本不会(自动)换行到下一行。 (看黄线，文字被隐藏了)

2)无论我在innerHtml中添加什么样式，它在显示时都不会添加到页面中。

如何设置text-overflow/word-wrap属性来解决问题？

附言我正在使用 ionic 2，目前正在 Chrome 上进行测试。

Answer 1

添加 text-wrap 到 ionic 项目

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