<div class="header-panel member">
<h2><span class="identifier">WjItemTemplate</span> Class</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.angular.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo.angular.Module.html"><span class="identifier">wijmo.angular</span></a></dd>
<dt>Show</dt>
<dd>
<label><input type="checkbox" ng-model="ctx.showInherited"> Inherited Members</label>&nbsp;&nbsp;&nbsp;
<label><input type="checkbox" ng-model="ctx.showRaisers"> Event Raisers</label>
</dd>
</dl>
<div class="comment"><p>AngularJS directive for <a href="topic/wijmo.input.ListBox.Class.html"><span class="identifier">ListBox</span></a> and <a href="topic/wijmo.input.Menu.Class.html"><span class="identifier">Menu</span></a> item templates.</p>
<p>The <b>wj-item-template</b> directive must be contained in a <a href="topic/wijmo.angular.WjListBox.Class.html"><span class="identifier">WjListBox</span></a> 
or <a href="topic/wijmo.angular.WjMenu.Class.html"><span class="identifier">WjMenu</span></a> directives.</p>
<p>The <b>wj-item-template</b> directive defines a template for items of <b>ListBox</b> 
and data-bound <b>Menu</b> controls. 
The template may contain an arbitrary HTML fragment with AngularJS bindings and directives.
In addition to any properties available in a controller, the local <b>$item</b>, 
<b>$itemIndex</b> and <b>$control</b> template variables can be used in AngularJS bindings
that refer to the data item, its index, and the owner control.</p>
<p>Note that directive and parameter names must be formatted as lower-case with dashes
instead of camel-case. For example:</p>


<pre>&lt;p&gt;Here is a ListBox control with an item template:&lt;/p&gt;
&lt;wj-list-box items-source="musicians"&gt;
    &lt;wj-item-template&gt;
        {&#8203;{$itemIndex}}. &lt;b&gt;{&#8203;{$item.name}}&lt;/b&gt;
        &lt;br /&gt;
        &lt;img ng-src="{&#8203;{$item.photo}}"/&gt;
    &lt;/wj-item-template&gt;
&lt;/wj-list-box&gt;</pre></div>
</div>
<div class="member-panel class members" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
</div>
