数据视图未使用新的变量数据进行更新

Question

我正在使用RC3，并且我设置了一个对象的变量，但这不会在视图上更新。我正在从谷歌检索一个对象，这需要一些时间来检索。

在RC之前的版本中，当Google返回结果时，视图将自动更新。

具体来说，这是我用来从Google检索对象的代码。控制台打印输出显示从 Google 返回的数据，但视图不会更新以表示更改。

var service = new google.maps.DistanceMatrixService;
service.getDistanceMatrix({
    origins: [p1],
    destinations: [p2],
    travelMode: google.maps.TravelMode.DRIVING,
    unitSystem: google.maps.UnitSystem.METRIC,
    avoidHighways: false,
    avoidTolls: false
}, function(response, status) {
    if (status !== google.maps.DistanceMatrixStatus.OK) {
        alert('Error: ' + status);
        let googDist = google.maps.geometry.spherical.computeDistanceBetween(p1, p2);
        return Math.round(googDist / 1000 *10)/10;
    } else {
        //console.log(response.rows[0].elements[0].distance.text);
        this.car.drivingDistance = response.rows[0].elements[0].distance.text; 
     }
});
console.log(this.car.drivingDistance);

控制台显示来自 Google 的结果，但视图不会更新。

谢谢大家。

Answer 1

var service = new google.maps.DistanceMatrixService;
service.getDistanceMatrix({
    origins: [p1],
    destinations: [p2],
    travelMode: google.maps.TravelMode.DRIVING,
    unitSystem: google.maps.UnitSystem.METRIC,
    avoidHighways: false,
    avoidTolls: false
}, (response, status) => {
    if (status !== google.maps.DistanceMatrixStatus.OK) {
        alert('Error: ' + status);
        let googDist = google.maps.geometry.spherical.computeDistanceBetween(p1, p2);
        return Math.round(googDist / 1000 *10)/10;
    } else {
        //console.log(response.rows[0].elements[0].distance.text);
        return response.rows[0].elements[0].distance.text; 
     }
});

在 TypeScript 中调用这样的函数将替换为() => { }