我'目前正在使用History API和jQuery来激活我的网站。
所有链接都会触发ajax调用以检索页面并用获取的内容替换实际内容,因此用户可以在不重新加载页面的情况下进行导航。如何仅使用AngularJS实现此目的?
我看了$location
doc,我成功地在链接上创建了一个指令。该指令停止默认事件,并使用$location.path()
设置新网址。
angular.module('directives.AjaxNavigation', [])
.directive('a', ['$location', function($location) {
return {
link: function(scope, iElement, iAttrs) {
iElement.bind('click', function(e) {
console.log(iElement.attr('href'));
scope.$apply($location.path(iElement.attr('href')));
e.preventDefault();
});
}
}
}]);
我现在如何捕捉" urlChange"事件是为了在每次被触发时进行ajax调用?