angular2-datatable无法更新数据

时间:2017-04-26 10:59:07

标签: javascript google-maps angular typescript datatable

数据表一旦渲染后,我无法更新数据。 我正在使用angular2-datatable。

在我的appcomponent.html中:  

如果我在appcomponent.ts文件中更新data2,如下所示:

this.httpservice.getdata().subscribe
(data=>
{   this.data2=data;
    for (i = 0; i < 21; i++) {
    markerarray[i] = new google.maps.Marker({
    position: new google.maps.LatLng(this.data2[i].latituide, this.data2
    [i].longituide),          //In this line
    title: this.data2[i].name,  //and this
    map: map
    });
        }
    google.maps.event.addListener(map, 'idle', function () {

            var bounds = map.getBounds();
           for (var i = 0; i < 20; i++) {
            var marker = markerarray[i];
           if (bounds.contains(marker.getPosition()) === true) {
            this.data2.length=0;// This is not working for me
            }
            }

        });
 })

我想在标记绑定后清空数据表。

1 个答案:

答案 0 :(得分:0)

我找到了解决方案,但我不确定这是最好的方法。

我使用ChangeDetectorRef来检测更改。

  constructor(private http: Http,private httpservice: HttpService,private ref: ChangeDetectorRef) {
       ref.detach();
    setInterval(() => {
      this.ref.detectChanges();
    },1000);
    }