如何在angular4中设置下拉值？

Question

我有一个下拉菜单，我正在向其传递一些值，现在我想设置下拉菜单的选择，我该怎么做

这是我的代码

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

您需要使用 [(ngModel)] 指令。

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>

打字稿

this.selectedItem = dataset[0].key;

如何在angular4中设置下拉值？

How to set Dropdown value in angular4?

html

javascript

angular

angular4-forms