使用javascript在html中解析数​​组并每次渲染不同的范围

Question

如何使这段代码更通用：

               <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中解析数​​组并在每种情况下渲染不同的范围，这是我真正需要的

Answer 1

您正在寻找的是<FlatList data={this.state.data.res} ... /> ，可以在HTML中使用它来迭代元素数组。

*ngFor