5.20201.663
WjItemTemplate Wijmo API クラス

WjItemTemplate クラス

ListBox および Menu の項目テンプレート用のAngularJSディレクティブ。

wj-item-template ディレクティブは、 wijmo.angular.input.WjListBox または wijmo.angular.input.WjMenu ディレクティブ内に記述する必要があります。

wj-item-template ディレクティブは、 ListBox コントロールおよびデータバインドされた Menu コントロールの項目用のテンプレートを定義します。 このテンプレートには、任意のHTMLフラグメントとAngularJSバインディングおよびディレクティブを含めることができます。 コントローラーで使用可能なプロパティに加えて、ローカルの $item$itemIndex 、および $control テンプレート変数をAngularJSバインディングで使用してデータ項目、そのインデックス、およびオーナーコントロールを参照できます。

ディレクティブ名とパラメーター名の書式は、キャメルケースではなくダッシュで結んだ小文字にする必要があります。 次に例を示します。

<p>項目テンプレートを持つListBoxコントロール:</p>
<wj-list-box items-source="musicians">
    <wj-item-template>
        {​{$itemIndex}}. <b>{​{$item.name}}</b>
        <br />
        <img ng-src="{​{$item.photo}}"/>
    </wj-item-template>
</wj-list-box>

階層

  • WjDirective
    • WjItemTemplate