AngularJs: Как проверить, полностью ли загружена гиперссылка, а затем выполнить следующее действие

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-адреса полностью или нет. Ниже приведены некоторые вопросы, через которые я уже прошел:

Вызов для рендеринга AngularJs

Выполнение функции контроллера AngularJs при загрузке страницы

Отправка события, когда angularjs завершил загрузку

Событие Angularjs для вызова после загрузки контента

Answer 1

Сам нашел решение:

Используя интервалы, я могу сделать загрузку первой страницы первой и ждать, пока она не загрузится полностью. Ниже код для этого:

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

    }    
    }, 100); 

Чтобы узнать больше об этом document.readyState см. Ссылку

Answer 2

Используйте 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';

 });
}