SmartyStreets AngularJS smarty-ui 位置未更新答案

【问题标题】：SmartyStreets AngularJS smarty-ui position not updatingSmartyStreets AngularJS smarty-ui 位置未更新
【发布时间】：2016-03-22 19:34:03
【问题描述】：

我在 angularJS 应用程序中使用 SmartyStreets 的 LiveAddress 对表单中的 2 个字段进行地址验证和自动填充。当用户单击提交时，会在表单上方创建一个带有成功或失败消息的 div。此 div 将表单向下推，但 smarty-ui div 不移动，因此 smarty-tag-check div 不再与其关联的字段正确排列。

我尝试在显示成功 div 后将angular.element($window).resize(); 添加到我的代码中（基于SmartyStreets jQuery element positioning breaks 中的评论），但没有看到任何效果。这是在 AngularJS 中强制调整窗口大小的不当方法，还是有更好的方法将 smarty-ui div 保持在正确的位置？

谢谢！

【问题讨论】：

您可以在 JSFiddle 中创建一个小例子来说明您的情况吗？
您是否尝试在 div 上而不是在窗口上调用调整大小？我不得不调用 jQuery('#bodyDIV').resize();而不是在一个实例中调整窗口大小以使我的验证按钮位于正确的位置。

标签： javascript angularjs smartystreets

【解决方案1】：

看起来仅使用angular.element($window).resize(); 调用调整大小的问题在于它在 Angular 完成构建新页面之前执行调整大小。我已经通过超时添加它来解决这个问题：
$timeout(function(){angular.element($window).resize()}, 500);

【讨论】：