Question

我已经定义了一个数组，如下所示，

markers: marker[] = [
    {
      lat: 51.673858,
      lng: 7.815982,
      label: 'A',
      draggable: true
    }
  ];

我从休息服务获取数据并将新对象推送到标记。

private data: any;
  findLocation(): void {
    let result;
    result =   this.geoService.loaddata(this.location)
     .subscribe(data => {
       result = data;
       console.log(result);
       this.markers.push({'lat':results[0].geometry.location.lat,'lng':results[0].geometry.location.lng})
     });
  }

它会抛出错误说文件：

消息：＆＃39;类型＆＃39; {＆＃39; lat＆＃39;：any; }＆＃39;不能转让给类型＆＃39;标记的参数＆＃39;。物业＆＃39; lng＆＃39;缺少类型＆＃39; { ＆＃39; lat＆＃39;：任何; }＆＃39;＆＃39;

结果是

{＆＃34;结果＆＃34; ：[ { ＆＃34; address_components＆＃34; ：[ { ＆＃34; LONG_NAME＆＃34; ：＆＃34;科伦坡＆＃34;，＆＃34; SHORT_NAME＆＃34; ：＆＃34;科伦坡＆＃34;，＆＃34;类型＆＃34; ：[＆＃34; locality＆＃34;，＆＃34; political＆＃34; ] }， { ＆＃34; LONG_NAME＆＃34; ：＆＃34;科伦坡＆＃34;，＆＃34; SHORT_NAME＆＃34; ：＆＃34;科伦坡＆＃34;，＆＃34;类型＆＃34; ：[＆＃34; administrative_area_level_2＆＃34;，＆＃34;政治＆＃34; ] }， { ＆＃34; LONG_NAME＆＃34; ：＆＃34;西部省＆＃34;，＆＃34; SHORT_NAME＆＃34; ：＆＃34; WP＆＃34;，＆＃34;类型＆＃34; ：[＆＃34; administrative_area_level_1＆＃34;，＆＃34;政治＆＃34; ] }， { ＆＃34; LONG_NAME＆＃34; ：＆＃34;斯里兰卡＆＃34;，＆＃34; SHORT_NAME＆＃34; ：＆＃34; LK＆＃34;，＆＃34;类型＆＃34; ：[＆＃34;国家＆＃34;，＆＃34;政治＆＃34; ] } ] ＆＃34;的formatted_address＆＃34; ：＆＃34;科伦坡，斯里兰卡＆＃34;，＆＃34;几何＆＃34; ：{ ＆＃34;边界＆＃34; ：{ ＆＃34;东北＆＃34; ：{ ＆＃34; LAT＆＃34; ：6.9812866，＆＃34; LNG＆＃34; ：79.8900852 }，＆＃34;西南＆＃34; ：{ ＆＃34; LAT＆＃34; ：6.862390700000001，＆＃34; LNG＆＃34; ：79.8223258 } }，＆＃34;位置＆＃34; ：{ ＆＃34; LAT＆＃34; ：6.9270786，＆＃34; LNG＆＃34; ：79.861243 }，＆＃34; LOCATION_TYPE＆＃34; ：＆＃34; APPROXIMATE＆＃34;，＆＃34;视＆＃34; ：{ ＆＃34;东北＆＃34; ：{ ＆＃34; LAT＆＃34; ：6.980584400000001，＆＃34; LNG＆＃34; ：79.8900852 }，＆＃34;西南＆＃34; ：{ ＆＃34; LAT＆＃34; ：6.8625113，＆＃34; LNG＆＃34; ：79.8225192 } } }，＆＃34; place_id＆＃34; ：＆＃34; ChIJA3B6D9FT4joRjYPTMk0uCzI＆＃34;，＆＃34;类型＆＃34; ：[＆＃34; locality＆＃34;，＆＃34; political＆＃34; ] }]，＆＃34; status＆＃34; ：＆＃34;好的＆＃34; }

Answer 1

您已将自己的数据订阅到result，而不是results。

private data: any;
  findLocation(): void {
    let result;
    // no use for "result" below
    // result = this.geoService.loaddata(this.location)
    // use the following instead
    this.geoService.loaddata(this.location)
     .subscribe(data => {
       result = data;
       console.log(result);
       this.markers.push({'lat':results[0].geometry.location.lat,'lng':results[0].geometry.location.lng})
     });
  }

所以你的推动应该是这样的：

this.markers.push({'lat':result[0].geometry.location.lat,'lng':result[0].geometry.location.lng})
         });

但是这也会引发错误，因为在标记中你还声明了label和draggable，所以你需要将值推送到这些属性。

Answer 2

看起来你有一个简单的拼写错误：

this.markers.push({
    'lat': results[0].geometry.location.lat,
    'lat': results[0].geometry.location.lng
})

应该是：

this.markers.push({
    'lat': results[0].geometry.location.lat,
    'lng': results[0].geometry.location.lng
})

Answer 3

首先，你有一个拼写错误，你访问一个名为results的变量，但只有result。

其次，结果变量没什么意义。试试这个：

// private data: any; // Remove this field
findLocation(): void {
    // no result variable here
    this.geoService.loaddata(this.location)
    .subscribe(results => { // declare results this way
        console.log(results);
        this.markers.push({
          'lat':results[0].geometry.location.lat,
          'lnt':results[0].geometry.location.lng
        });
    });
}

Answer 4

    this.geoService.loaddata(this.location)
       .subscribe(data => {
       result = data;
       this.markers.push({'lat':data.geometry.location.lat,'lng':data.geometry.location.lng})
    });

如何将对象推送到angular2和typescript中的数组？

4 个答案: