Question

在角度2中，我想循环遍历一个数组，并根据某些条件在下拉列表中显示选项。根据我的搜索，我可以在上面的循环中的ng-container指令中放置一个条件。我怎么能在循环中做到这一点。（请注意，如果我放置内部循环，将显示一个空格而不是选项）。谢谢！

<md-autocomplete #package="mdAutocomplete" [displayWith]="displayPackage">
    <md-option (onSelectionChange)="packageSelection($event, package) *ngFor="let package of (reactivePackages | async)"" [value]="package">
          {{ package.packageName }}
          {{package.serviceId}}
          {{service.serviceId}}
    </md-option>
</md-autocomplete>

Answer 1

您可以使用ng-container循环遍历数组，并且可以在md-options上使用ngif，如下所示：

  <md-autocomplete #package="mdAutocomplete" [displayWith]="displayPackage">
    <ng-container *ngFor="let package of (reactivePackages | async)">
        <md-option (onSelectionChange)="packageSelection($event, package)" [value]="package" *ngIf="your-condition" >
            {{ package.packageName }} {{package.serviceId}} {{service.serviceId}}
        </md-option>
    </ng-container>
</md-autocomplete>

希望这有帮助。

Angular2 * ngIf在* ngFor内

1 个答案: