在使用Angular时调用jQuery函数

时间:2014-07-30 19:03:46

标签: javascript jquery angularjs

在我的jQuery文档中,我有类似

的内容
function resize() {
    textChatSection.css("width", $(window).width() - $('.user-list').width());
}

在DOM中,我有类似

的东西
<div id="users" ng-repeat="user in users" ng-controller="userController">
    <img src="test.png"/>
</div>

在另一个JS控制器文件中,我有一个userController。页面加载时$scope.users数组为空,但稍后可以有数据,因此不会显示div。

但是当它显示时,我需要运行resize()功能。我尝试将函数设置为全局(通过分配给没有var infront的变量),但它也失败了。处理这个问题的好方法是什么?

由于

1 个答案:

答案 0 :(得分:1)

试试$viewContentLoaded。在您的控制器中:

$scope.$watch('$viewContentLoaded', resize);

最终您可能希望在指令中执行此操作。您希望避免控制器中的DOM操作。