SelectMultipleControlValueAccessor — Angular

ControlValueAccessor для записи значений элемента управления с множественным выбором и отслеживания изменений в таком элементе управления. Аксессор значения используется директивами FormControlDirective, FormControlName и NgModel.

API

class SelectMultipleControlValueAccessor extends BuiltInControlValueAccessor implements ControlValueAccessor {
  @Input() set compareWith(value: (o1: any, o2: any) => boolean);
}

compareWith

(o1: any, o2: any) => boolean

Отслеживает алгоритм сравнения параметров для проверки идентичности при проверке изменений.

Описание

Экспортируется из

ReactiveFormsModule
FormsModule

Примечания по использованию

Использование элемента управления с множественным выбором

В следующем примере показано, как использовать элемент управления с множественным выбором в реактивной форме.

const countryControl = new FormControl();

<select multiple name="countries" [formControl]="countryControl">
  @for(country of countries; track $index) {
     <option [ngValue]="country">{{ country.name }}</option>
  }
</select>

Настройка выбора параметров

Чтобы настроить алгоритм сравнения параметров по умолчанию, <select> поддерживает входной параметр compareWith. Инструкции по использованию см. в разделе SelectControlValueAccessor.