Angularjs vsGoogleAutocompleteプラグインがコントローラの変更を検出できない

Question

近くのATMを示すスクリプトを書いています。ページが開くと自動的にユーザーの場所が検出され、他の地域のATMをチェックする場合は、Googleが提供する他の場所を入力して選択することができます。

私はこのプラグインを使用しています：vsAutoComplete。それは正常に動作している、問題はありません。 私がしたいのは、ユーザーが新しい場所を選択した場合、スクリプトはその場所にあるATMをリストする必要があります。

私は$

$scope.$watch('address', function() { 
    console.log($scope.address); 
}, true); 

を見てみましたが、それはどちらか動作しませんでした。驚くべきことは、私がaddress変数にhtmlページでアクセスしようとすると動作するということです。

<span class="help-block"><b>Place id: </b>{{address.components.placeId}}</span> 

開発者がプラグインのデモ：Demo

任意の手掛かり？

PS：私はangularjsでそれほど良くありません。ただ、私の提案を与える

Answer 1

..より良いアプローチは、この代わりに空の文字列を割り当てるので、残りはあなた件まで..です

$scope.address = { 
    name: null, 
    place: null, 
    components: { 
     placeId: null, 
     streetNumber: null, 
     street: null, 
     city: null, 
     state: null, 
     countryCode: null, 
     country: null, 
     postCode: null, 
     district: null, 
     location: { 
     lat: null, 
     long: null 
     } 
    } 
    }; 

    $scope.$watch('address.name', function (value) { 
    if(value === null || value === undefined) 
     return; 
    else 
     console.log($scope.address.name); 
    }); 

    //for deep watching 
    $scope.$watch('address', function (value) { 
    if(value === null || value === undefined) 
     return; 
    else 
     console.log($scope.address.name); 
    }, true); 

Answer 2

[OK]を、これは私が同じ目的を果たすいくつかの他のプラグインを使用し、私のため を働いたものですとなりますgoogle places autocomplete、その後行われ、いくつかの小さな変更

1）入力ボックス

<input type="search" g-places-autocomplete ng-model="autolocation.model"> 

にng-modelを追加2）コントローラ

$scope.autolocation = { 
    model: null 
} 

3）追加ウォッチ

$scope.$watch('autolocation.model', function(newValue, oldValue){ 
    console.log("New Location : " + angular.toJson(newValue, true)); 
}); 

4）または1つ

$scope.$on('g-places-autocomplete:select', function(event, place) { 
    console.log("New Location: " + JSON.stringify(place)); 
}); 

イェーイは、そのが行われ、この中で、それを初期化します！