Question

我正在尝试使用ngAutocomplete将地址解析为文本框中的组件。用户将其地址键入文本框，完成后，通过ngAutocomplete查找地址，返回包含地址的所有相应组件的数组。我将这些变量存储在$scope变量中，并使用ng-model将它们绑定到相应的文本框。

似乎工作正常，但是，即使我可以看到我的$scope变量正在更新，我绑定的文本框也不会立即更新。事实上，一旦他们不改变，直到我多次点击文本框内部。

以下是我认为相关的代码，如果需要更多内容，请与我们联系：

HTML：

Number: <input type="text" ng-model="address.number"/><br>
Street Address: <input type="text" ng-model="address.street" /><br>
City: <input type="text" ng-model="address.city" /><br>
State: <input type="text" ng-model="address.state" /><br>
Zip: <input type="text" ng-model="address.zip" /><br>

的Javascript

$scope.update = function(details)
{
    $scope.info = details.address_components;
    $scope.members = details.address_components.length;

    $scope.address = {};

    $scope.address.number = $scope.info[0].long_name;
    $scope.address.street = $scope.info[1].long_name;
    $scope.address.city = $scope.info[2].long_name;
    $scope.address.state = $scope.info[4].short_name;
    $scope.address.zip = $scope.info[7].long_name;
}

同样，我可以清楚地看到调试工具number，street等正在立即更新，它只是没有反映在页面上的文本框中。

任何建议都表示赞赏。谢谢！

ng-model不立即更新值

0 个答案: