javascript - 同时使用 Angular 时调用 jQuery 函数

Question

在我准备好的 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 Controller 文件中，我有一个 userController。 $scope.users 数组在页面加载时为空，但稍后可以有数据，因此不会显示 div。

但是，当显示它时，我需要运行 resize() 函数。我尝试使该函数成为全局函数(通过分配给前面没有 var 的变量)，但它也失败了。有什么好的方法可以处理这个问题吗？

谢谢

Answer 1

尝试$viewContentLoaded 。在你的 Controller 中:

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

最终您可能想在指令中执行此操作。您希望避免在 Controller 中进行 DOM 操作。