AngularJs Chips

Use a custom chip template.

{{$chip}} (fruit)
Maximum number of chips reached.

Use the default chip template.


Use ng-change


Make chips editable.


Use Placeholders and override hint texts.


Display an ordered set of objects as chips (with custom template).

Note: the variables $chip and $index are available in custom chip templates.

[{{$index}}] {{$chip.name}} ({{$chip.type}})
Readonly Removable ({{ctrl.removable === undefined ? 'undefined' : ctrl.removable}})

Note: When md-removable is undefined, readonly automatically sets md-removable to false.