使用嵌套的* ngFor从对象数组和键字符串数组生成表

时间:2017-01-25 09:17:36

标签: angular nested-loops ngfor

我有一个对象数组(数据)和一个字符串数组(属性)。 attributes数组包含我感兴趣的对象的键。我想在模板中使用它来生成表。

<div class="row-wrapper" *ngFor="let da of data">
    <div class="ls-row">
        <div class="row dis-flex">
            <template ngFor let-attr [ngForOf]="attributes">
                <div class="col-xs-2">
                    <div class="ls-row-text small-text">
                    {{da.attr}}
                    </div>
                </div>
            </template>
        </div>
    </div>
</div>

2 个答案:

答案 0 :(得分:2)

这:{{ da[attr] }}是关键。

答案 1 :(得分:2)

我认为你想要提取存储在其他数组中的密钥的所有数据。

  <div class="row-wrapper" *ngFor="let attr of attributes">
        <div class="ls-row">
            <div class="row dis-flex">
                    <div class="col-xs-2">
                        <div class="ls-row-text small-text">
                           {{data[attr]}}
                        </div>
                   </div>
            </div>
        </div>
    </div>

我希望这会有所帮助