angularjs路由菜單強制刷新

在開發過程中遇到使用路由控制單頁加載頁面時，點擊菜單頁面不重新刷新的情況，angularjs認為路由沒有變化，而不會去刷新頁面，解決辦法：

angular.module('myApp').directive('diHref', ['$location', '$route',
    function($location, $route) {
        return function(scope, element, attrs) {
            scope.$watch('diHref', function() {
                if(attrs.diHref) {
                    element.attr('href', attrs.diHref);
                    element.bind('click', function(event) {
                        scope.$apply(function(){
                            if($location.path() == attrs.diHref) $route.reload();
                        });
                    });
                }
            });
        }
    }]);

這樣在a標簽中使用定義的指令，即可以實現強制刷新的要求

<a di-href="/action0001" >home</a>