如何使 textarea 在 Ionic 中显示具有 HTML 属性的文本？答案

【问题标题】：How to make textarea to show text with HTML properties in Ionic?如何使 textarea 在 Ionic 中显示具有 HTML 属性的文本？
【发布时间】：2018-07-25 00:21:22
【问题描述】：

我在 home.html 页面上添加了一个文本区域。问题是如果我通过按回车键添加数据行，现在当我将其保存在数据库中并在页面上显示时，它会出现在一行中

我是这样打字的：

1. Line one
2. Line two
3. Line three

这是它在页面上的显示方式：

1. Line one 2. Line two 3. Line three

下面是我的HTML代码：

<ion-textarea rows="1" autosize #input (click)="focusInput(input)" (input)="change()" id="messageInputBox"  placeholder="Type Something To Send.." type="text" name="TAG" [(ngModel)]="TAG" style="z-index:9.99999; color:#818993;font-size:18px; ">
</ion-textarea>

我该如何解决这个问题？

【问题讨论】：

你可以像这样使用“innerHtml”：
但它如何使文本出现在不同的行中？你能写一些代码吗？
你应该使用这样的东西：<ul><li>Line one</li><li>Line two</li><li>Line three</li></ul>如果你使用这个字符串作为innerHtml，问题就解决了！或者你可以使用<br>

标签： ionic-framework ionic2 ionic3

【解决方案1】：

如果您在 HTML 模板中回显 TAG 模型的内容，您应该使用像 nl2br-pipe 这样的管道并像这样使用它：

<div [innerHtml]="TAG | nl2br"></div>

请注意，在将 HTML 回显到页面之前，您还应该清理 HTML，更多关于 here 的内容。

【讨论】：

但是当我将文本保存到数据库时，它不是保存新的行标签，它只是保存文本，我如何让它保存新的行标签然后只有我可以使用这个
不要保存
标签，每次向用户展示时，只需通过 nl2br 管道输出。
好吧，我的理解是，让用户输入ion-textarea，然后我就保存了。现在，当我显示数据时，我通过管道输出..就这样吗？如果是，我会试试这个，明天再回来
谢谢，它就像一个魅力，需要更多指导，我怎样才能使链接在 div 中可点击，目前不可点击，对此有何建议？
不知道你的输出到底是什么，但我认为你可以使用类似angular-linky 管道的东西。