2017-03-13 2 views
2

私は角度でこれをやろうとしている:反復ごとにangularjsにcolspanと一緒にtdを追加するにはどうすればいいですか?

<tr (each)> 
    <td>{{attribute1}}</td> 
    <td>{{attribute2}}</td> 
    <td>{{attribute3}}</td> 
</tr> 

しかし、私は次のようにCOLSPAN 3で各TRの後に広いTDを必要とする:あなたが見ることができるように

<tr> 
    <td colspan="3">Another content for row 1</td> 
</tr> 

、(それぞれの角度) <tr>の中に私の理解のために、colspan行を置く方法がありません...

お手伝いができますか?角度ため、このような単純な

+0

参照http://stackoverflow.com/questions/30424507/angularjs-add-additional-row-inside-a-tr-ng-repeat –

答えて

1

何か:ここ

<tr ng-repeat-start="item in items"> 
    <td>{{item.attribute1}}</td> 
    <td>{{item.attribute2}}</td> 
    <td>{{item.attribute3}}</td> 
</tr> 
<tr ng-repeat-end> 
    <td colspan="3">Another content for row 1</td> 
</tr> 

は、ドキュメント

https://docs.angularjs.org/api/ng/directive/ngRepeat

は、そうでなければ、あなたが角度

のために、このような何かをする必要があります
<template *ngFor let-item [ngForOf]="items"> 
    <tr> 
     <td>{{item.attribute1}}</td> 
     <td>{{item.attribute2}}</td> 
     <td>{{item.attribute3}}</td> 
    </tr> 
    <tr> 
     <td colspan="3">Another content for row 1</td> 
    </tr> 
</template> 
関連する問題