Use the wj-multi-select directive to add MultiSelect 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>Here is a MultiSelect bound to a collection of objects:</p>
<wj-multi-select
placeholder="Select Countries"
items-source="ctx.items"
header-format="{count} countries selected"
display-Member-path="country"
checked-Member-path="selected">
</wj-multi-select>
The wj-multi-select directive extends WjComboBox with the following attributes:
checked-member-path
@ The name of the property used to control the checkboxes placed next to each item.
header-format
@ The format string used to create the header content when the control has more than maxHeaderItems items checked.
header-formatter
= A function that gets the HTML in the control header.
max-header-items
@ The maximum number of items to display on the control header.
AngularJS directive for the MultiSelect control.
Use the wj-multi-select directive to add MultiSelect 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>Here is a MultiSelect bound to a collection of objects:</p> <wj-multi-select placeholder="Select Countries" items-source="ctx.items" header-format="{count} countries selected" display-Member-path="country" checked-Member-path="selected"> </wj-multi-select>The wj-multi-select directive extends WjComboBox with the following attributes:
@The name of the property used to control the checkboxes placed next to each item.@The format string used to create the header content when the control has more than maxHeaderItems items checked.=A function that gets the HTML in the control header.@The maximum number of items to display on the control header.&The checkedItemsChanged event handler.