直接在ngFor Angular中重复两个元素

Question

角度9

我只需要使用* ngFor重复两个HTML元素。

如果我写下面的代码

<dl>
  <div *ngFor="let item of columns">
    <dt>{{ item.name }}</dt>
    <dd>{{ item.field }}</dd>
  </div>
</dl>

然后我收到3个HTML警告

元素'div'不能嵌套在元素'dl'内元素“ dt”不能嵌套在元素“ div”内元素“ dd”不能嵌套在元素“ div”内]

如果我写了以下代码

<dl>
  <ng-template [ngFor]="let item of columns">
    <dt>{{ item.name }}</dt>
    <dd>{{ item.field }}</dd>
  </ng-template>
</dl>

我将在运行时收到角度错误

错误错误：未捕获（承诺）：错误：模板解析错误：解析器错误：意外的令牌让[列的let项目]]中的第1列

并且如果我写了以下代码

<dl *ngFor="let item of columns">
  <dt>{{ item.name }}</dt>
  <dd>{{ item.field }}</dd>
</dl>
然后将重复dl元素，这是我根本不需要的东西。

有人可以给我解决方案吗？

Angular 9我只需要使用* ngFor重复两个HTML元素。如果我写下面的代码

{{item.name}}>＆...

Answer 1

尝试一下：

Answer 2

<ng-container>在这种情况下不起作用吗？