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

キーワード†

• Angular2
• ngFor
• table
• tr

したいこと†

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

<table>

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

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

</table>

どうやって†

templateを使います。

<table>

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

</table>

ノート†

*ngFor

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

参考†

• Template Syntax - ts