Выберите первый вариант в угловом 2

Question

Как я могу выбрать первый вариант в следующем выборе модели программно?

<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> 

Answer 1

Вы можете перейти к параметрам с помощью 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; 
    } 
}