如何在angular2材料設計中預先選擇一個值下拉？

Question

我正試圖預先選擇角度2材料設計的下拉列表中的一個值。我做了以下但這不起作用

<label *ngFor="let service of serviceOptions"> 
    <b>{{service.serviceName}}</b> 
    <br /><br /> 

     <md-select placeholder="Select Package" [(ngModel)]="service.selectedPackage" formControlName="packageName" size="30"> 
     <ng-container *ngFor="let package of (reactivePackages | async)" > 
      <md-option *ngIf="service.serviceId==package.serviceId" (click)="selectServicePackage(service, package)"> 
      {{ package.packageName}} 
      </md-option> 
     </ng-container> 
     </md-select> 
    <br /> <br /> 
    </label> 

任何幫助將不勝感激。

Answer 1

在<md-option>中添加value屬性綁定，將所選值分配給service.selectedPackage。由於您有[(ngModel)]="service.selectedPackage"，因此其值應與package的綁定屬性匹配。

這裏是綁定md-option到package.packageName的示例，假定service.selectedPackage保持相似的值。

<md-option [value]="package.packageName" 
      *ngIf="service.serviceId==package.serviceId" 
      (click)="selectServicePackage(service, package)"> 
    {{ package.packageName}} 
</md-option> 

Plunker demo