使用Angular时调用jQuery函数

Call jQuery function when also using Angular

本文关键字:jQuery 函数 调用 Angular 使用      更新时间:2023-09-26

在我的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的变量),但它也失败了。处理这个问题的好方法是什么?

谢谢

尝试$viewContentLoaded。在你的控制器中:

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

最终你可能想在指令中这样做。您希望在控制器中避免DOM操作。