Question

我试图在angular2材质设计的下拉列表中预先选择一个值。我做了以下但是没有用

<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

在value中添加<md-option>属性绑定，将所选值分配给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

如何预先选择angular2材料设计中的值下拉？

1 个答案: