у меня есть форма в 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]
где Я просто хочу, чтобы ценность исходила из других источников. я не получаю никакой ошибки, но выпадающие значения не выделены (не выбраны), если они совпадают.