如何获取json文件本地和重复数据？-Java 学习之路

我是angular5中的新手，我正在尝试加载json文件并重复它，但我无法重复数据

（我可以从jason文件获取并显示数据，但不能重复数据）

在src / assets / data.json中

{ "status": "S","messeage": "error","Card":[
{
  "ID": "01",
  "Price": "30,000",
  "Color": "Black"
},
{
  "ID": "02",
  "Price": "32,000",
  "Color": "Red"
}]}

在src / app / app.component.ts中

data;
      constructor(private http:Http) {
            this.http.get('../assets/data.json')
            .subscribe(res => this.data = res.json());

      }

在src / app / app.component.html中

{{data?.Card[0].Color}} // => black

{{data?.Card[0].Price}} // => 30,000

但我需要知道如何重复它 .

对不起我的英语不好

谢谢你的帮助

编辑

最后2回答它的工作，但它在控制台有错误

怎么解决？非常感谢

enter image description here

2 回答

现在你得到了你的json .

你可以像这样重复它

在js代码中 .

for(i=0;i<data.Card.length;i++){
console.log(data.card[i].Color);
}

在angular5 html模板中

<li *ngFor="let card of data.Card"> 
    {{ card.Color}}
  </li>

回复于 2024-04-20T22:42:37+08:00

1

您可以将* ngFor指令用于模板以重复它 .

示例 <div *ngFor="let obj of data.Card"> <div>{{obj.Color}}</div> <div>{{obj.Price}}</div> </div>

回复于 2024-04-20T22:42:37+08:00

如何获取json文件本地和重复数据？

2 回答

相关问题