Angularjs ng模型和值不适用于来自google autocomplete表单的输入

Angularjs ng模型和值不适用于来自google autocomplete表单的输入,angularjs,google-maps,input,Angularjs,Google Maps,Input,我正在尝试从google autocomplete中为表单选择值,并将它们分配给输入。在我给他们ng模型之前,这是完美的,在这一点上输入变成空白。我已经读到,我需要在控制器中赋值,而不是像我目前所做的那样在html中赋值 以下是完整的代码: 以下是我尝试使用的具体部分: <input ng-model="focus" ng-change="chosenPlace=focus" details="chosenPlaceDetails" placeholder="" googleplace /

我正在尝试从google autocomplete中为表单选择值,并将它们分配给输入。在我给他们ng模型之前,这是完美的,在这一点上输入变成空白。我已经读到,我需要在控制器中赋值,而不是像我目前所做的那样在html中赋值

以下是完整的代码:

以下是我尝试使用的具体部分:

<input ng-model="focus" ng-change="chosenPlace=focus" details="chosenPlaceDetails" placeholder="" googleplace />

<input class="input-field" type="text" id="city-input" ng-model="formData.city" />

$scope.$watch("focus", function(newVal){
   $scope.formData.city = $scope.chosenPlaceDetails.address_components[2].long_name;
})

$scope.$watch(“焦点”),函数(newVal){
$scope.formData.city=$scope.chosenPlaceDetails.address\u components[2]。long\u name;
})

但我还是没有结果。我做错了什么?

首先安装Places autocomplete
min.js
文件,并将其包含在指令中。如代码片段中所示