<div class="header-panel member">
<h2><span class="identifier">WjMultiSelect</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>Base Class</dt><dd><a href="topic/wijmo.angular.WjComboBox.Class.html"><span class="identifier">WjComboBox</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 the <a href="topic/wijmo.input.MultiSelect.Class.html"><span class="identifier">MultiSelect</span></a> control.</p>
<p>Use the <b>wj-multi-select</b> directive to add <b>MultiSelect</b> controls to your AngularJS applications. 
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 MultiSelect bound to a collection of objects:&lt;/p&gt;
&lt;wj-multi-select
    placeholder="Select Countries"
    items-source="ctx.items"
    header-format="{count} countries selected"
    display-Member-path="country"
    checked-Member-path="selected"&gt;
&lt;/wj-multi-select&gt;</pre>
<p>The <b>wj-multi-select</b> directive extends <a href="topic/wijmo.angular.WjComboBox.Class.html"><span class="identifier">WjComboBox</span></a> with the following attributes:</p>
<p><dl class="dl-horizontal">
  <dt>checked-member-path</dt>  <dd><code>@</code> The name of the property used to control the checkboxes placed next to each item.</dd>
  <dt>header-format</dt>        <dd><code>@</code> The format string used to create the header content when the control has more than <b>maxHeaderItems</b> items checked.</dd>
  <dt>header-formatter</dt>     <dd><code>=</code> A function that gets the HTML in the control header.</dd>
  <dt>max-header-items</dt>     <dd><code>@</code> The maximum number of items to display on the control header.</dd>
  <dt>checked-items-changed</dt><dd><code>&</code> The <a href="topic/wijmo.input.MultiSelect.Class.html/#checkedItemsChanged"><span class="identifier">checkedItemsChanged</span></a> event handler.</dd>
</dl></p></div>
</div>
<div class="member-panel class members" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
</div>
