Question

问题很简单，我只想检查ng-click事件中是否已完全加载超链接。

HTML：

<div ng-click='clicked()'>Click me</div>

JS：

$scope.clicked= function() {
window.location='https://firstlink.com';
//
//when above wesbite page is fully loaded then go to below code and load the next link
//
window.location='https://secondlink.com';
}

注意：

我不想检查视图是否已加载，我想检查URL是否已完全加载。我已经检查了许多有关此的文章和文章，但我得到的只是如何检查您的angularjs应用程序是否已加载。我想要一种可以检查这些URL是否已完全加载的方法。以下是我已经经历的一些问题：

Post render call for AngularJs

Execute AngularJs controller function on page load

Sending event when angularjs finished loading

Angularjs event to call after content is loaded

Answer 1

使用angular.element等到页面加载

$scope.clicked= function() {
 window.location='https://firstlink.com';
 //
 //when above wesbite page is fully loaded then go to below code and load the next link
 //

 angular.element(function () {
    window.location='https://secondlink.com';

 });
}

Answer 2

我自己找到了一个解决方案：

通过使用间隔，我可以使第一页首先被加载，然后等待其完全加载。下面是它的代码：

window.location='https://firstlink.com';
var interval = setInterval(function() {     
     if(document.readyState === 'complete') {
window.location='https://secondlink.com';
clearInterval(interval);

    }    
    }, 100);

要详细了解此document.readyState see this link

AngularJs：如何检查超链接是否已完全加载，然后执行下一步操作

2 个答案: