Javascript ng模型不立即更新值
我试图利用将地址解析为文本框中的组件。用户在文本框中键入地址,完成后,ngAutocomplete将查找地址,返回一个包含地址所有相应组件的数组。我将它们存储在Javascript ng模型不立即更新值,javascript,angularjs,angular-ngmodel,Javascript,Angularjs,Angular Ngmodel,我试图利用将地址解析为文本框中的组件。用户在文本框中键入地址,完成后,ngAutocomplete将查找地址,返回一个包含地址所有相应组件的数组。我将它们存储在$scope变量中,并使用ng model将它们绑定到相应的文本框中 它似乎工作得很好,但是,尽管我可以看到我的$scope变量正在更新,但绑定它们的文本框并没有立即更新。事实上,在我多次单击文本框内部之前,它们不会改变 以下是我认为相关的代码,如果需要更多,请告诉我: HTML: 同样,我可以通过调试工具清楚地看到,正在立即更新numb
$scope
变量中,并使用ng model
将它们绑定到相应的文本框中
它似乎工作得很好,但是,尽管我可以看到我的$scope
变量正在更新,但绑定它们的文本框并没有立即更新。事实上,在我多次单击文本框内部之前,它们不会改变
以下是我认为相关的代码,如果需要更多,请告诉我:
HTML:
同样,我可以通过调试工具清楚地看到,正在立即更新number
、street
,只是页面上的文本框中没有反映
如有任何建议,我们将不胜感激。谢谢 因为AJAX需要时间吗?我不知道为什么它不会是即时的。不,我没有使用任何AJAX,我可以想等多久就等多久,但它不会显示,直到我单击为止。是什么触发了$scope.update(details)?@Nealon看起来你需要运行摘要循环..但是怎么可能..你使用jquery做AJAX吗?@tiblu我只有{{update(details}}}放在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>
$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;
}