Fixed tags

Multi-select with fixed chips that cannot be removed. multiple renders the selection as chips, and fixedOptions locks certain values in place so their chips lose the remove button and survive a clear. See Limit tags for collapsing a long selection.

Overview

Examples

Usage

Import AutocompleteComponent and configure it with the inputs below. The full runnable source is on the Examples tab.

html

<autocomplete
  [options]="films"
  [multiple]="true"
  [(value)]="value"
  [fixedOptions]="fixedFilms"
  appearance="outline"
  label="Favorite films" />

API

This example demonstrates the inputs below. See the Autocomplete introduction for the complete API — every input, output, content template and filter helper.

Inputs

Name	Type	Default	Description
`multiple`	`boolean`	`false`	Allow selecting several values, rendered as chips.
`fixedOptions`	`readonly T[]`	`[]`	Values that cannot be removed while multiple.
`isOptionEqualToValue`	`(a: T, b: T) => boolean`	`===`	Equality used to match a value against an option.