Угловой выбор материала 6+ с заданным значением

Question

Я пытаюсь использовать mat-select с бэкэнд-поиском, но при перезагрузке данных возникает проблема.Я использую объект вроде {value: 1, name: 'aloha'} для хранения и отображения значения.И я хочу передать .value в качестве значения в опции.В настоящее время я застрял в передаче целого значения и использовать его для создания опции с этими данными, чтобы отображаемое значение выбиралось.Есть лучший способ сделать это?И второй вопрос, я использую этот выбор в formcontrol.Как мне установить начальное значение, когда в select нет опций, но мне нужно, чтобы исходная опция была выбрана.Как и у бэкенда [кошка, собака, слон] и другие значения, но мне нужно предварительно выбрать кошку, например.Как новый FormControl (кошка).Я мог бы жить с передачей FormControl ({value: 5, display: cat}), но есть ли способ получить control.value только значения из этого объекта?Я не хочу, чтобы он возвращал весь объект ({имя, значение})

Answer 1

Первый вопрос.

<mat-select placeholder="Placeholder" formControlName="yourForm">
    <mat-option *ngFor="let x of yourArray" [value]="x.value">
        {{ x.name }}
    </mat-option>
</mat-select>

Вы можете использовать [value] для сохранения его значения и использовать интерполяцию для отображения желаемого значения (т. Е. {{x.name}}).

Второй вопрос.

Над настройкой заботится # 2. Теперь вы можете использовать FormControl({value: 5, display: cat})