我循环遍历一个数组(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>