gpt4 book ai didi

javascript - 从 AngularJS 数据加载完成后获取 html body 高度

转载 作者:行者123 更新时间:2023-12-03 11:54:54 26 4
gpt4 key购买 nike

使用 AngularJS 从某些服务加载内容后,需要获取 html 文档(正文)的高度。

 /* SHOW RECENT POSTS */
app.controller('RecentPostsController', function ($scope, $http) {

$http.get("/site/recentpostsjson/" + appname).success(function (data) {
$scope.posts = data;

/* HEIGHT FROM THIS IS COMING DEFAULT , NOT WHAT WE GET AFTER DATA
LOAD FROM ANGULAR JS */
var contentHeight = window.document.body.scrollHeight;
alert(contentHeight);
});
});

最佳答案

也许这有帮助

app.controller('RecentPostsController', function ($rootScope, $scope, $http) {

$http.get("/site/recentpostsjson/" + appname).success(function (data) {
$scope.posts = data;
$rootScope.$broadcast('contentLoaded')
});

});

app.directive('contentHeight', ['$timeout', '$rootScope', function($timeout, $rootScope){
return {
link: function(scope, elem, attrs){
$rootScope.$on('contentLoaded', function(){
$timeout(function(){elem[0].scrollHeight});
})
}
}
})
<body ng-app="someApp" content-height><!--All you staff --></body>

您只能在指令中操作 DOM!附:超时服务运行回调函数,然后摘要停止

没有超时http://jsfiddle.net/zcbzajqL/

关于javascript - 从 AngularJS 数据加载完成后获取 html body 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25644543/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com