Wie setze ich den Dropdown-Wert in angular4?

Question

Ich habe eine Dropdown-Liste, die ich einige Werte bin vorbei, jetzt habe ich die Auswahl des Dropdown festlegen möchten, wie ich tun kann, es

hier mein Code

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'] 
}) 
export class AppComponent { 
    dataset: any[] = [ 
    { value: 'one', key: 1 }, 
    { value: 'two', key: 2 }, 
    { value: 'three', key: 3 }, 
    { value: 'four', key: 4 } 
    ] 

    selectionChanged(data) { 
    debugger; 
    } 
} 

html

<div> 
    <select (change)="selectionChanged($event.target.value)"> 
     <option *ngFor="let item of dataset;let i=index " [value]="item.key" >{{item.value}}</option> 
    </select> 
</div> 

Answer 1

Sie müssen [(ngModel)] Richtlinie verwenden.

HTML

<select [(ngModel)]="selectedItem" (change)="selectionChanged($event.target.value)"> 
    <option *ngFor="let item of dataset;let i=index " [value]="item.key" >{{item.value}}</option> 
</select> 

Typoskript

this.selectedItem = dataset[0].key;