Angular 选择角度2中的第一个选项

如何以编程方式选择以下选择中的第一个选项以创建模型

<select class="form-control" [(ngModel)]="data" name="data" (ngModelChange)="onSortChange($event)">
          <option [ngValue]="{data:'car', color: 'green'}">green car</option>
          <option [ngValue]="{data:'engine', color: 'blue'}">blue engine</option>

绿色汽车
蓝色引擎

您可以使用ViewChild和本地模板变量访问选项

更改视图以添加本地模板

   <select class="form-control" [(ngModel)]="data" name="data" (ngModelChange)="onSortChange($event)">
      <option [ngValue]="{data:'car', color: 'green'}">green car</option>
      <option [ngValue]="{data:'engine', color: 'blue'}">blue engine</option>
   </select>

import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';

@Component({
    moduleId: module.id,
    templateUrl: 'home.component.html'
})

export class HomeComponent implements OnInit {
    @ViewChild('carSelect') carSelect: ElementRef;

    constructor() { }

    ngOnInit() { }

    setSelected(): void {
        this.carSelect.nativeElement.children[0].selected = true;
    }
}