我知道我不是第一个问这个问题的人，但我在前面的问题中找不到答案。我在一个组件中有这个

<div class="col-sm-5">
    <laps
        [lapsData]="rawLapsData"
        [selectedTps]="selectedTps"
        (lapsHandler)="lapsHandler($event)">
    </laps>
</div>

<map
    [lapsData]="rawLapsData"
    class="col-sm-7">
</map>

在控制器rawLapsdata中会不时发生变异。

在laps中，数据HTML以表格格式输出。这会随着rawLapsdata变化而变化。

我的map组件需要ngOnChanges用作触发器来重绘 Google
地图上的标记。问题是当父级发生更改ngOnChanges时不会触发。rawLapsData我能做些什么？

import {Component, Input, OnInit, OnChanges, SimpleChange} from 'angular2/core';

@Component({
    selector: 'map',
    templateUrl: './components/edMap/edMap.html',
    styleUrls: ['./components/edMap/edMap.css']
})
export class MapCmp implements OnInit, OnChanges {
    @Input() lapsData: any;
    map: google.maps.Map;

    ngOnInit() {
        ...
    }

    ngOnChanges(changes: { [propName: string]: SimpleChange }) {
        console.log('ngOnChanges = ', changes['lapsData']);
        if (this.map) this.drawMarkers();
    }

更新： ngOnChanges不起作用，但看起来好像lapsData正在更新。在
中ngOnInit是一个用于缩放更改的事件侦听器，它也调用this.drawmarkers.
当我更改缩放时，我确实看到标记发生了变化。所以唯一的问题是我在输入数据更改时没有收到通知。

在父母中，我有这条线。（回想一下，变化反映在圈数中，但不反映在 中map）。

this.rawLapsData = deletePoints(this.rawLapsData, this.selectedTps);

请注意，this.rawLapsData它本身就是一个指向大型 json 对象中间的指针

this.rawLapsData = this.main.data.TrainingCenterDatabase.Activities[0].Activity[0].Lap;