Comment sélectionner une valeur dans md-select avec formcontrolname en angulaire 4

Question

J'utilise la forme de réaction et la sélection md du matériau angulaire.

C'est ma forme

<md-select placeholder="Parent Category" class="full-width" formControlName="parent_id"> 
    <md-option>None</md-option> 
    <md-option *ngFor="let category of plainCategories" [value]="category.id"> 
    <span *ngIf="category.subcategory.length==0">&nbsp;</span>{{ category.name }} 
    </md-option> 
</md-select> 

Je veux définir la valeur de sélection doctorat en médecine de code et ce que j'ai essayé

onClicked(e){ 
    if (e && e.action == 'edit') { 

    let item = { 
     id: e.item.id, 
     name: e.item.name, 
     slug: e.item.slug, 
     parent_id: e.item.parent_id 
    }; 

    this.categoryForm.setValue(item); 
    } 
} 

Ceci est mise à jour de la valeur de forme ({{categoryForm.val | json}} montre la valeur set) mais l'option de sélection n'affiche pas l'option sélectionnée. Comment puis-je sélectionner l'option md?

Answer 1

si un ensemble de champs à être mis à jour est pas plein déclarée sous la forme (par exemple, s'il y a aussi l'élément appelé category, en plus id, name, slug et parent_id), puis setValue() ne fonctionnera pas , utilisez patchValue() à la place:

this.categoryForm.patchValue(item); 

vous pouvez également définir la valeur par champ:

this.categoryForm.get('parent_id').setValue(e.item.parent_id); 

voir mon exemple plunker: https://plnkr.co/edit/PftFkCQ5fvLICczt7gAO?p=preview