Angulaire 2: Sélectionnez en modification pour renvoyer l'article

Question

Comment puis-je transmettre un article en cas de modification?

Je suis arrivé jusqu'ici:

<select #sel (change)="select.emit(sel.value.url)"> 
     <option *ngFor="let item of selectlist"> 
      {{item.description}} 
     </option> 
    </select> 

Mais je voudrais obtenir le « item » repassé sur le changement.

je devrais retourner tout l'objet de l'article

{ valeur: 0, Description: 'Home', url: 'http://www.color.com' }

mais j'obtenir 'Home'.

Voici mon tableau complet

public pagelist:Array<Object> = [ 
     { 
     value: 0, 
     description: 'Home', 
      url: 'http://www.color.com' 
     }, 
     { 
     value: 1, 
     description: 'Tours', 
     subpage: [{ 
        value: 0, 
        description: 'Italy' 
       }, 
       { 
        value: 0, 
        description: 'France' 
       }, 
       { 
        value: 0, 
        description: 'London' 
       }] 
     }, 
     { 
     value: 1, 
     description: 'About us', 
      url: 'http://www.color.com' 
     }, 
      { 
     value: 1, 
     description: 'Contact us', 
      url: 'http://www.color.com' 
     } 

    ]; 

Answer 1

Remplacez votre code avec:

<select #sel (change)="select.emit(selectlist[$event.target.value])"> 
    <option [value]='i' *ngFor="let item of selectlist; let i = index;"> 
     {{item.description}} 
    </option> 
</select>