condition や forEach でもダイナミックプロパティ

Teeda 1.0.13-rc2 から,condition や forEach でもダイナミックプロパティが使えるようになりました.
Teeda 1.0.12 から condition や forEach を使える要素が増えたことと合わせて,表現力が大きく向上したと思います.
特に従来は colspanrowspan を使ったテーブルの表現が難しかったと思うのですが,それも簡単というか自然に表現できます.
以下は Teeda HTML Example に含まれている例.

<table border="1">
  <tbody id="productItems">
    <tr>
      <th id="isCategoryColumn" rowspan="2">
        <span id="category">カテゴリ1</span>
      </th>
      <td>
        <span id="name">プロダクト1</span>
      </td>
    </tr>
    <tr id="mockRow">
      <td>プロダクト2</td>
    </tr>
  </tbody>
</table>

テーブルの 2 行目はモックなので,実行時には無視されます.
1 行目の最初のカラムは condition なので,categoryColumn プロパティが true の場合のみ描画されます.
実行時は,前の行と同じカテゴリだったら categoryColumn プロパティが false になるようにすればこの <th> とその内容は描画されません.
描画される場合は,同じカテゴリのプロダクトが続く数を categoryColumnRowspan プロパティの値にすれば,それが rowspan 属性の値となります.
簡単でしょ?


Teeda HTML Example が動いているならこの URL で確認できます.