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.type}})
Readonly Removable ({{ctrl.removable === undefined ? 'undefined' : ctrl.removable}})

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