在 *ngFor 中创建局部变量 [英] Create local variable in *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 中创建局部变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！