如何动态滚动在Angular中？

Question

我正在编写一个聊天应用程序，其中新消息添加到<textarea>的底部。我希望文本区域滚动到底部，因为聊天记录很大。我该如何完成？我尝试了以下操作，并且scrollTop属性未滚动我的textarea。怎么了？

我的模板摘要：

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

但是，this.scroll = 9999不会将scrollTop的绑定更改为值9999。我在控制台上登录了this.scroll，其值为9999，但我的textarea并没有移到底部！帮助

Answer 1

我想出了一种更为简单的方法，即使ngModel实时更改（聊天），它也会自动滚动到底部：

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