• 履歴一覧
• 差分 を表示
• ソース を表示
• 履歴 を表示
• Angular2/複数の要素をテンプレートにして繰り返す へ行く。
  • 1 (2016-10-26 (水) 03:24:55)

• 追加された行はこの色です。
• 削除された行はこの色です。

* キーワード [#m83c25ec]
* キーワード [#g1c550e0]
- Angular2
- ngFor
- table
- tr

* したいこと [#e2e95807]

tableを置いていて、ひとつの要素が複数のtrで成るときngForをどう書くか。

 <table>
 
   <tr>...</tr><!-- item1 -->
   <tr>...</tr><!-- item1 -->
 
   <tr>...</tr><!-- item2 -->
   <tr>...</tr><!-- item2 -->
 
 </table>

* どうやって [#vcc9355b]

templateを使います。

 <table>
 
   <template ngFor let-item [ngForOf]="list">
     <tr>...</tr>
     <tr>...</tr>
   </template>
 
 </table>

* ノート [#mc8a18e5]

 *ngFor

とする書き方と結構違うから知らないと書けないよね。

* 参考 [#s05b0988]
- [[Template Syntax - ts>https://angular.io/docs/ts/latest/guide/template-syntax.html#!#star-template]]