Angular2材料设计循环中的下拉菜单

时间:2017-07-07 06:31:43

标签: angular material-design dropdown angular-material2

我循环遍历一个数组(serviceOptions),对于每个选项,我都有一个下拉列表。下降是自动完成的。当我在任何下拉列表中选择某个选项时,会显示所有下拉列表。问题是由于[mdAutocomplete] =" package"。我需要改变这个"包"在#package =" mdAutocomplete"在。 有帮助吗?

<label *ngFor="let service of serviceOptions">
    {{service.serviceName}}
    <br/>
    <md-input-container class="autoCompolete">
      <input mdInput placeholder="Select Package" [mdAutocomplete]="package" [formControl]="packageCtrl" formControlName="packageName" [(ngModel)]="currentpackage" size="30">
    </md-input-container>
    <md-autocomplete #package="mdAutocomplete" [displayWith]="displayPackage">
        <md-option (onSelectionChange)="packageSelection($event, package)" [value]="package" *ngFor="let package of (reactivePackages | async)">
          {{ package.packageName }}
          {{package.serviceId}}
          {{service.serviceId}}
        </md-option>
    </md-autocomplete>
    <br />
  </label>

0 个答案:

没有答案