Question

我正在实现聊天，当用户第一次点击手风琴组时，我想向下滚动此聊天。

<accordion [closeOthers]="true">
   <accordion-group class="headingPanelCust" *ngFor="let discussion of discussions ; let i = index" [isOpen]="discussion.sender.id == show">
     <div accordion-heading class="headingPanelCust" (click)="openDiscussion(i)" (onOpen)="goDown(i)">
         //things here...
     </div>
  <div class="table-wrapper" style="height: 300px" #scrollMe [scrollTop]="scrollMe.scrollHeight" >
   <table class="table">
          <tbody >
                <tr *ngFor="let message of discussion.discussion">
                        <!-->Users info<!-->
                </tr>
               <div id="bottom"></div>
             </tbody>
           </table>
        </div>

我尝试了多次，但我仍然无法弄清楚我能做些什么。我尝试了什么：

This library
[scrollTop]：给我一个ExpressionChangedAfterItHasBeenCheckedError由于某些原因我无法修复
QueryList：问题是只有一个项目，即使ID相同

有没有人有想法？我从一段时间以来一直坚持这个问题

Answer 1

我发现这篇帖子修正了您提到的ExpressionChangedAfterItHasBeenCheckedError问题。那是一个非常烦人的错误！

angular2 scroll to bottom (chat style)

隐藏HTML时向下滚动角度4

1 个答案: