Angular2 *ngIf 里面 *ngFor

Question

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

<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>

希望对您有所帮助。