Back to Material

Index

src/components/chips/demoBasicUsage/index.html

1.2.5683 B
Original Source

Use the default chip template.

Use ng-change and add-on-blur

Make chips editable.

Use a custom chip template with max chips.

{{$chip}} (fruit)

Maximum number of chips reached.

Use a long placeholder with md-input-class.

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.