как сделать выбранное значение выпадающим в angular 6 - PullRequest
0 голосов
/ 23 февраля 2020

у меня есть форма в angular 6 с formGroup и formGroupName и formControlName У меня также есть выпадающий список множественного выбора, теперь я хочу заполнить выбранное значение, поступающее из базы данных, как выбрано в списке

форма. html

<form [formGroup]="profileForm"   (ngSubmit)="onSubmit()">
    <label for="exampleInputEmail1">Album Name</label>
        <input type="text" formControlName="name" class="form-control" value="{{this._AlbumService.responseData.name}}">    

    <div formGroupName="artist">
        <label for="exampleInputEmail1">Artist</label>
            <select class="custom-select" multiple formControlName ="_ids">
                <option   *ngFor="let artist of this._AlbumService.responseArtist | keyvalue;let i=index;" value="{{ artist.key }}" [selected]="artist.key == this._AlbumService.responseDataArtist[i]">{{ artist.value }}</option>
            </select>

component.ts

export class AlbumEditComponent implements OnInit  {

    profileForm = new FormGroup({
        name: new FormControl(''),

        artist: new FormGroup({
            _ids: new FormControl('')
        });
    });

    constructor (){}

    ngOnInit(){
        //some code here and the data i got from some source stored in here
        this._AlbumService.responseDataArtist.push(this._AlbumService.responseData['artist'][artistId].id);
    }
}

как в шаблоне в formGroupName artist у меня есть тег [selected] где Я просто хочу, чтобы ценность исходила из других источников. я не получаю никакой ошибки, но выпадающие значения не выделены (не выбраны), если они совпадают.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...