Obtention de l'objet sélectionné dans l'option de sélection en mode angulaire

Question

J'ai cette matrice d'objets que je mets sur l'option de sélection et je voudrais sélectionner une liste d'objets dans l'option de sélection. Cependant, je ne peux pas obtenir la valeur de cette liste d'objets. Il sort [objet] [Objet]. Je veux obtenir cette liste sélectionnée d'objet de la société. Je l'ai assigné à [valeur] et il obtient [objet] [Objet].

<div class="select" > 
    <select class="form-control col-lg-8" #selectedValue (change)="assignCorporationToManage(selectedValue.value)"> 
     <option *ngFor="let corporation of user_corporations" [value]="corporation">{{corporation.corp_name}}</option>  
    </select> 
</div> 

ts

assignCorporationToManage(selectedValue) { 
    console.log(selectedValue) 
} 

Answer 1

Essayez comme ceci:

ajoutent ngModel votre sélection et l'utilisation ngModelChange au lieu de changement.

1. ajouter ngModel
2. à l'aide ngModelChange au lieu de changement.
3. en utilisant [ngValue] au lieu de [valeur].

component.html

<select class="form-control col-lg-8" #selectedValue name="selectedValue" id="selectedValue" [(ngModel)]="selectedValue" (ngModelChange)="assignCorporationToManage($event)"> 
    <option *ngFor="let corporation of user_corporations" [ngValue]="corporation">{{corporation.corp_name}}</option> 
</select> 

Component.ts

assignCorporationToManage(selectedValue) { 
    console.log(selectedValue) 
}