Angular 2 json 获取数据对象

Question

我得到 url，其中包含数据数组 json。我想获取并使用其中的所有元素：

通过这样做，我得到了一切，没有什么特别的。 例如：如何得到 data.name 或 data.price... ?

  ngOnInit() {
    this.http.get('this.url').subscribe(data => {
      console.log(data);

    })

Answer 1

如果你想得到特定的对象名称或价格，你需要使用array.find

 this.http.get('this.url').subscribe((data : any) => {
       let price = data.find(t=>t.name ==='yourName').price;
 });

如果它只是一个对象，您可以使用属性、

访问

ngOnInit() {
    this.http.get('this.url').subscribe((data:any) => {
      console.log(data.name);
})

Answer 2

  ngOnInit() {
    this.http.get('this.url').subscribe((data:any) => {
      console.log(data.name);

    })

尝试使用 any，或者您可以创建一个模型并将 any 替换为该模型（反映您将收到的数据）

Answer 3

ngOnInit() {
  this.http.get('this.url').subscribe((data:any) => {
   let data = data
   console.log(data.name);
})

console.log(data.name);只是一个例子。让数据包含您的所有数据。如果您的数据是一个数组，那么您可能需要按如下方式迭代该数组：

ngOnInit() {
      this.http.get('this.url').subscribe((data:any) => {
       for(let item of data) {
          if(item.name) {
          // do something
          }
       }
    })

Angular 2 json 获取数据对象

Angular 2 json getting data objects

javascript

typescript

angular

angular-httpclient