gpt4 book ai didi

angular - 如何在 Angular 中动态滚动 <textarea>?

转载 作者:行者123 更新时间:2023-12-05 02:55:36 25 4
gpt4 key购买 nike

我正在编写一个聊天应用程序,其中将新消息添加到 <textarea> 的底部.我想要 textarea滚动到底部,因为聊天记录很大。

我该如何实现?

我尝试了以下,并且 scrollTop属性没有滚动我的 textarea .

<textarea #chat class="form-control" rows=20 disabled [(ngModel)]="output" [scrollTop]="scroll" name="chatMessages"></textarea>

然而,this.scroll=9999不改变 scrollTop 的绑定(bind)到值 9999 .我控制台日志 this.scroll , 其值为 9999 , 但我的 textarea不会到达底部!

我需要帮助,谢谢!

最佳答案

我想出了一个更简单的方法,它会自动滚动到底部,即使 ngModel 正在实时更改(聊天)。只需将文本区域的 scrollTop 属性 映射到其当前的 scrollHeight:

<textarea [(ngModel)]="..." #textarea [scrollTop]="textarea.scrollHeight"></textarea>

关于angular - 如何在 Angular 中动态滚动 &lt;textarea&gt;?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61149197/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com