Javascript angularjs$location.path.replace不工作

我正在建立一个网站，这是一个具有多个视图的单页网站。我正在使用angularJS处理后端通信

现在我在顶部有一个菜单栏，如果我点击它，旧页面应该向左滑动，淡出，视图被改变，视图向右滑动，淡入时滑入。虽然这一切都很完美，但由于某些原因，路径改变不会起作用。我的代码：

（MainController.js的一部分）

（菜单栏）

---

$location.path（…）.replace（）

在jQuery事件处理程序（动画完成函数）中。您需要调用

$scope.$apply（）

以获得更改。

啊，谢谢，我完全忘记了这一点。我记得以前遇到过这个问题，但我忘了我使用了$scope.$apply来解决它！

$scope.goToPage = function(pageId){
        if(!$scope.animatingMainContent){
            $scope.animatingMainContent = true;
            $("#viewTitle").css({opacity: 1});
            $("#viewTitle").animate({opacity: 0}, {duration: 500, queue: false});
            $("#viewContainer").animate({left: "-200px", opacity: 0.1}, {duration: 500, complete: function(){
                $location.path("/"+pageId).replace();
                console.log($location.url());
                $("#viewContainer").css("left", "200px");
                $("#viewTitle").animate({opacity: 1}, {duration: 500, queue: false});
                $("#viewTitle").html($scope.pageTitles[pageId]);
                $("#viewContainer").animate({left: 0,opacity: 1}, {duration: 500, complete: function(){
                    $scope.animatingMainContent = false;
                    $location.path("/"+pageId).replace();
                }});
            }});
        }
    }

<strong class="ribbon-content">
    <a ng-click="goToPage('about');">About Me</a> | <a ng-click="goToPage('portfolio');">Portfolio</a> | <a ng-click="goToPage('contact');">Contact</a>
</strong>

"/portfolio"
"/contact"
"/about"