gpt4 book ai didi

javascript - 在 AngularJS 中完全加载页面后执行函数

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:55:23 26 4
gpt4 key购买 nike

我想在页面完全加载后立即执行此功能。

vm.pointInvoice = () => {   
if ($stateParams.property == "INVOICE") {
vm.invoiceEdit($stateParams.checkin)
vm.invoiceFocus = true;
vm.receiptFocus = false;
}
}

如果我把这个功能作为一个按钮(只是为了测试它),一切都完美无缺

<button ng-click="vm.pointInvoice()">OPEN AND POINT TO INVOICE</button>

但是,无论我做什么 - 我根本无法让它自动执行我的功能(当页面完全加载并且所有数据/元素都可用时)。

幸运的是,Stack Overflow 有很多关于页面完全加载的帖子,所以我尝试了一大堆,但没有一个有效,它们都在页面仍然空白时触发了该功能。

这些是我尝试过的一些:

$scope.$on('$viewContentLoaded', function(){
debugger;
});

angular.element(document).ready(function () {
debugger;
});

$scope.$on('$stateChangeSuccess', function () {
debugger;
});

所以我剩下的唯一想法就是做一些丑陋的 setTimeout(function(){ vm.pointInvoice() }, 3000); hack 但对我来说这有点像放弃 :-D

当页面完全加载时,必须有一些方法来触发一个函数....

最佳答案

您可能想要使用 ng-init指令:

<div ng-init="init()">...</div>

定义这个函数是你的 Controller :

$scope.init = function() {
alert("Page is fully loaded!);
}

无论如何,您可以直接从您的 Controller 调用此函数。一旦加载了应用和 Controller ,它将被调用。

关于javascript - 在 AngularJS 中完全加载页面后执行函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45959633/

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