我有一個聊天應用程式，我試圖在螢屏右側顯示來自 X 用戶的訊息，同時讓其他訊息顯示在左側。
<ion-item *ngFor="let message of messages | slice: 0:messages.length" class="msg">
<div *ngIf="this.message.user === this.user; else other" class="mine">
<ion-row class="own">
<ion-text color="tertiary"><b>{{ message.user }}: </b></ion-text>
<ion-text color="secondary"> {{ message.text }}</ion-text>
</ion-row></div>
<ng-template #other>
<ion-row class="other">
<ion-text color="primary"><b>{{ message.user }}: </b></ion-text>
<ion-text> {{ message.text }}</ion-text>
</ion-row>
</ng-template>
</ion-item>
</div>
我嘗試使用 displayflex，但我只實作了移動所有訊息，而不僅僅是我的
uj5u.com熱心網友回復：
像這樣我會假設？
<ion-row [ngClass]="message.user === user ? 'own' : 'other'">
<ion-row [class]="message.user === user ? 'own' : 'other'">
<ion-row class="{{ message.user === user ? 'own' : 'other' }}">
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/511587.html
上一篇：帶電容器JS的警報通知
下一篇：路由時反應狀態重置（離子）