AngularJS routing - функция вызова на основе совпадения URL-адреса хоста

Question

Использование AnguarJS, я хотел бы вызвать функцию в любое время, когда определенное имя хоста существует в ссылке, нажатой на текущем веб-сайте. Пользователь будет продолжать использовать ссылку, но функция будет вызвана в фоновом режиме.

Является ли $ routeProvider лучшим направлением, чтобы возглавить что-то вроде этого? Он должен быть узкополосным, поэтому я думал, что метод AngularJS routeProvider может работать. Сначала я спрашиваю, потому что я новичок в Angular. Я пытаюсь избежать необходимости идентифицировать каждое событие клика, чтобы прослушивать это конкретное доменное имя в ссылке, что существует так много мест, и они меняются, потому что используется CMS.

спасибо !!

Answer 1

С помощью $routeProvider вы можете определять маршруты только в том же домене и только в контексте AngularJS. Это подразумевается. Таким образом, вы можете «захватить» URL-сегменты после# знак (hashbang).

Как я уже говорил, вам, вероятно, нужно сделать это:

$(body).on('click', 'a', function(e) { 
    var url = $(this).attr('url'); 
    // now do something with url 
}); 

Я использую JQuery для простоты и event delegation соображений производительности.

Обратите внимание, что это не будет работать, если ссылки меняют URL-адрес текущей страницы. Это означает, что вы переходите на другую страницу и уничтожаете текущий, тот, где работает этот JS-код, и прослушивает события click. Это может работать, только если вы используете target="_blank" по ссылкам.

Способ заставить его работать на внешних и target="_self" ссылки:

$(body).on('click', 'a', function(e) { 
    var url = $(this).attr('url'); 
    if(url === 'http://example.com/') { 
     e.preventDefault(); 
     // 1. do some stuff, even AJAX 
     // 2. after stuff completes: 
     window.location = url; 
    } 
}); 

К сожалению, это означает, что пользователь должен ждать, пока все, что происходит в (1), прежде чем он на самом деле взят на новый URL. Возможно, скрывать все видимое на странице вместе с e.preventDefault достаточно, если что бы вы ни делали быстро (менее одной секунды).