如何設置第一個選項作爲選項從循環選擇框中的循環選項4

我已經在angular 4項目上工作，在這個項目中，我有一個要求，將第一個選項設置爲selected，其中所有選項都是動態創建的循環。的html代碼：如何設置第一個選項作爲選項從循環選擇框中的循環選項4

<select [(ngModel)]="selectedServiceType" [ngModelOptions]="{standalone: true}" (ngModelChange)="getServiceType($event)"> 
    <ng-container *ngFor="let service of services"> 
     <option [ngValue]="service">{{service.name}}</option> 
    </ng-container> 
</select>

如果有人知道讓我知道。提前致謝！

來源

2017-10-06 Tarnjeet Singh

只是在你的TS，裏面ngOnInit

selectedServiceType : any; 
ngOnInit() { 
    //make sure you have values for **`services`** 
    this.selectedServiceType = services[0]; 
}

來源

2017-10-06 12:05:08 Sajeetharan

我已經在部件，其中使用該代碼服務從@I獲得輸入服務：任何;所以我不會在ngOnInit中訪問服務。 –

然後你可以添加Onchanges的輸入和裏面你可以設置 – Sajeetharan

但我不想在更改時，我想在頁面初始化時。 –

嘗試這樣的：

<select class="form-control" (change)="onChange($event)"> 
    <option *ngFor="let service of services; let itemIndex = index" [selected]="itemIndex == 0" [ngValue]="service.value">{{service.name}}</option> 
</select>

component.ts

export class HomeComponent implements OnInit { 

    private selectedServiceType: any; 
    private services: Array<any> = []; 

    constructor() { 
     this.services = [{ 
      name: "Harish", 
      value: 5000 
     }, { 
      name: "Chandru", 
      value: 5001 
     }] 
    } 
    onChange(e) { 
     this.selectedServiceType = e.target.value; 
    } 
}

來源

2017-10-06 12:44:15 Chandru

如何設置第一個選項作爲選項從循環選擇框中的循環選項4

回答

相關問題