离子3：以多行显示文本

Question

感谢您阅读我的帖子。

我刚刚开始在Ionic 3开发应用程序，我遇到了一个问题。我想要一个框来输入文字。当我使用以下代码时，我可以输入单行文本和多行文本。

<ion-item> <ion-label>Message</ion-label> <ion-textarea [(ngModel)]="_message" name="message"></ion-textarea> </ion-item>

但问题是盒子的大小不会改变。当我按Enter键并输入更多单词时，上部文本会隐藏，因为视图向下滚动。视图中还有空间，我试图调整它，但不能。

此外，在进行Google研究时，我确实发现了一条评论，提到这是Ionic Framework中的一个缺陷。但是，我不确定。

谢谢

Answer 1

它本身不会动态增长。但您可以通过添加rows静态增加行数。

<ion-textarea rows="5" [(ngModel)]="_message" name="message"></ion-textarea>

您也可以尝试自己动态修改其大小。 Here is a sample code这样做。