时间戳

首页 > 解决方案 > 在视图Angular4中显示对象

angular - 在视图Angular4中显示对象

问题描述

   { player0: {select_by: "player_id", i: 107993, role: "main", team: "team1"}
    player1: {select_by: "player_id", i: 108322, role: "main", team: "team1"}
    player2: {select_by: "player_id", i: 107995, role: "main", team: "team1"}
    player3: {select_by: "player_id", i: 108033, role: "main", team: "team1"}
    player4: {select_by: "player_id", i: 108866, role: "main", team: "team1"}
}

我如何在视图中显示这种对象的播放？( Ionic3, Angular ) 例如显示每个玩家的角色

标签： angularionic-framework

解决方案

你可以通过使用这个stackoverflow帖子的方法来做到这一点：How to display json object using *ngFor

另一种选择是创建一个辅助数组，将所有玩家放入其中。

@Component({
  selector: "app-selector",
  templateUrl: "your.html",
  styleUrls: ["your.scss"]
})
export class Your-Class implements OnInit {
  public playerArr: Player[];
  ...

  ngOnInit() {
    this.playerArr = [];
    // Iterate your object here named as players and push all players into array
    for(let player in players){
        this.playerArr.push(players[player]);
    }
  }

  ...
}

将 json 重建为数组后，您可以轻松地*ngFor在 html 中使用 循环数组并检索数据。

推荐阅读