オブジェクトの配列とキーストリングの配列からテーブルを生成するためにnestedForを使用します。

Question

私はオブジェクト（データ）の配列と文字列（属性）の配列を持っています。属性配列は、私が興味を持っているオブジェクトのキーを保持しています。テンプレートで使用してテーブルを生成したいのですが。

<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> 

Answer 1

これは{{ da[attr] }}です。

Answer 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> 

私は、これはあなたの質問は正確には何