javascript - 用javascript解析html中的数组并每次渲染不同的跨度

如何使此代码更通用：

               <div class="xx" *ngIf="this.message.address">
                    <span class="helper" *ngIf="this.message.address">
                       {{ this.errorMessage.address[0] }}
                    </span>
                    <span class="helper" *ngIf="this.message.address[1]">
                            {{ this.errorMessage.address[1] }}
                         </span>
                </div>

因此，对于每个数组元素，此跨度将呈现多次：

          <span class="xx" *ngIf="this.message.address.forEach(x=> x">
               {{ this.errorMessage.address[x] }}
            </span>

（我上面的尝试没有用）

我只能使其在角度组件中起作用，例如：

this.message.address.forEach(x=> console.log(x))

但是我不确定如何在html中解析数​​组并在每种情况下呈现不同的跨度，这是我真正需要的

最佳答案

您要查找的是*ngFor，可以在HTML中使用它来遍历元素数组。

<div class="xx" *ngFor="let ad of this.message.address">
  <span class="helper" *ngIf="ad">
    {{ ad }}
  </span>
</div>

关于javascript - 用javascript解析html中的数组并每次渲染不同的跨度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50131802/