如何在 *ngFor 中有条件地绑定角度？

Question

我有看起来像这样的 html：

  <as-split unit="pixel" #mainViewSplit class="custom-gutter" direction="horizontal" gutterSize="2">
    <ng-container *ngFor="let splitItem of splitData">
      <as-split-area [id]="splitItem.id" *ngIf="(splitItem.isVisible$ | async)" 
      [order]="splitItem.order">
      <ng-container *ngTemplateOutlet="splitItem.template"></ng-container>
      </as-split-area>
    </ng-container>
  </as-split>

这适用于具有 id 的拆分项目。但是其中一些是未定义的，因此在 html 中根本不应该有 id。但是对于没有 id html 的项目看起来像这样：

id="undefined"

我也试过

[id]="splitItem.id ? splitItem.id : null"

因为this问题中的评论建议使用null，但它不起作用。它只会导致

id="null"

如何设置绑定以使html中根本没有id？

Answer 1

您是否尝试过使用指数代替ID? 所以，而不是不明确的你会得到一个数字在属性 [id] 中。