Question

我正在尝试从表单的Google自动填充中选择值，并将它们分配给输入。这完全有效，直到我给他们ng-model，此时输入变为空白。我已经阅读in this thread我需要在控制器中分配值，而不是像我目前所做的那样分配html。

以下是完整代码：http://plnkr.co/edit/qy9nNj4QM3J1S95ruBGh?p=preview

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

<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;
})

但我仍然没有结果。我做错了什么？

Answer 1

首先安装Places autocomplete min.js文件并将其包含在您的指令中。就像片段中所示。

＆＃13;

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>
<script src="../bower_components/angular/angular.min.js"></script>
<script src="../ngPlacesAutocomplete.min.js"></script>
<script src="app.js"></script>

＆＃13;

它必须在Google api之后但在app.js之前。

有关实施的详细说明，请参阅此GitHub example。

ng-model和值不适用于谷歌自动填充表单的输入

1 个答案: