Question

我正在将旧的离子应用程序从V2移动到V4-alpha，并且无法使用异步管道将模板绑定到可观察对象。问题出现在一个元素上的* ngFor嵌套在另一个带有* ngIf的元素中。不使用* ngIf时表格显示正常，但在包含* ngIf时不显示数据表，用于在不同数据表之间切换。

在组件中：

this.indLbdPlayers = this.fsService.getPlayersByIndScore(id);
this.indLbdPlayers.subscribe(players => {
  this.indArray = players;
});

其中

indLbdPlayers: Observable<HSPlayer[]>;
indArray: HSPlayer[];

在模板中： <div *ngIf="!showTeamLbd"> <table> ... <tr *ngFor="let player of indLbdPlayers | async; let ro = odd; let i = index;"

不显示任何内容。但是，在模板中使用它时：

<div *ngIf="!showTeamLbd"> <table> ... <tr *ngFor="let player of indArray; let ro = odd; let i = index;" let ro = odd; 即将异步管道输出到可观察但订阅组件中的observable，然后数组按预期显示。

来自离子信息：

cli包：（/ usr / local / lib / node_modules）

@ ionic / cli-utils：2.0.0-rc.6 离子（离子CLI）：4.0.0-rc.6

全球套餐：

cordova（Cordova CLI）：8.0.0

本地包裹：

@ angular-devkit / core：0.6.0

@ angular-devkit / schematics：0.6.0

@ angular / cli：6.0.1

@ ionic / schematics-angular：1.0.0-rc.6

Cordova平台：无

离子框架：@ ionic / angular 4.0.0-alpha.7

Answer 1

试试这个，

implemantation 'com.android.support:design:28.0.0'

离子4角度模板与异步管道绑定到可观察的

1 个答案: