テンプレート構文の繰り返し処理はできますか?

<gc-each>タグを使用することでテンプレート内に繰り返し処理を記述することができます。

<gc-each>タグは終了タグまでに記述されているテンプレート・スクリプト・パーツを selector 属性で指定
したセレクタ、もしくは mark 属性で指定されたマークに対し、抽出された要素の数だけ
繰り返します。

■記述例

<gc-each selector="div.itemList &lt; div">
<gc-parts>...</gc-parts>
</gc-each>




※<gc-each>タグ内でパーツを使用する場合、セレクタ式もしくはマーク式の先頭にスコープ指定子を指定することができます。
スコープ指定子を指定する場合、直後には1つ以上のスペースが必要です。

スコープ指定子    説明
未指定   <gc-each>タグ内で使用するパーツで、スコープ指定子・インデックス変数のいずれも使用しないセレクタ式・マーク式場合は、@THISが指定されているものとみなされます。
@THIS   <gc-each>タグで繰り返されるエントリのスコープを示します。例えば、@THISは繰り返されるエントリを指し、@THIS > divは繰り返されるエントリの直下のdiv要素を指します。
@GLOBAL   グローバルスコープを示します。<gc-each>タグで繰り返されるエントリのスコープを使用しない場合に指定します。

■記述例:

<gc-each selector="div.itemList">
<gc-parts name="xxx">
<gc-param name="selector">@THIS p</gc-param>
</gc-parts>
</gc-each>


※スコープ指定は<gc-each>タグにのみ使用でき、JavaScript APIでは使用できません。


詳細につきましては、 テンプレート構文リファレンスをご参照ください。