我正在制作一個角度應用程式，并且我已經集成了一個聊天。正如您在螢屏截圖中看到的那樣，當我的聊天加載時，它每次都會顯示第一條訊息。
我該怎么做才能在加載時向我顯示最后一條訊息的部分？
截圖：
截圖1
截圖2
我還參考了 HTML 代碼：
<div >
<li *ngFor="let message of messages">
<div
*ngIf="
message.receiver_username == myUserName;
then incoming_msg;
else outgoing_msg
"
></div>
<ng-template #incoming_msg>
<div >
<div >
<img
src="https://i.imgur.com/k2PZLZa.png"
alt="AngularApp：如何顯示對話中的最后一條訊息？"
/>
</div>
<div >
<div >
<h5>{{message.timestamp | date : 'medium':'GMT'}}</h5>
<p>{{ message.message }}</p>
</div>
</div>
</div>
</ng-template>
<ng-template #outgoing_msg>
<div >
<div >
<h5>{{message.timestamp | date : 'medium':'GMT'}}</h5>
<p>{{ message.message }}</p>
</div>
</div>
</ng-template>
</li>
</div>
uj5u.com熱心網友回復：
嘗試這樣的事情：
<li id="liMessages" #liMessages *ngFor="let message of messages">
然后在系結訊息陣列后在您的 TS 代碼中執行此操作：
document.getElementById("liMessages").tabIndex = this.messages.length;
或者
document.getElementById("liMessages").setAttribute("tabindex", "6");
您可以通過在此處滾動 ul 找到另一種方法：
如何滾動到 ul 串列中的 li 元素
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/490236.html
標籤：有角度的
上一篇：TypeError：物體不可迭代