![ngFor ngFor](https://c1.lmlphp.com/image/static/default_avatar.gif)
本文介绍了在 *ngFor 中创建局部变量的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
是否可以在 *ngFor 中创建局部变量?例如:
解决方案
你可以使用 ng-container 和 ngIf 来实现这一点.
<ng-container *ngFor="let message of messages"><ng-容器*ngIf="{isCurrentUser: message.createdBy.email === currentUser.email} 作为当地人">
</ng-容器></ng-容器>
Is it possible to create local variable in *ngFor? For example:
<div *ngFor="let user of users; let myVariable = 0">
解决方案
You can use ng-container with a ngIf to achieve this.
<div class="message-list">
<ng-container *ngFor="let message of messages">
<ng-container
*ngIf="{
isCurrentUser: message.createdBy.email === currentUser.email
} as locals"
>
<div
class="message"
[ngClass]="{ 'message--right-aligned': locals.isCurrentUser }"
>
<div>{{ message.text }}</div>
<div [ngClass]="{ bold: !locals.isCurrentUser }">
{{ message.createdBy.name }}
</div>
</div>
</ng-container>
</ng-container>
</div>
这篇关于在 *ngFor 中创建局部变量的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!