AngularJS Ajaxify整个网站

时间:2014-08-17 19:40:10

标签: javascript ajax angularjs

我'目前正在使用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调用?

0 个答案:

没有答案