AngularJs更改$ location.path不起作用

Question

我意识到这个问题以前已经提出过。 但是似乎没有答案可以解决这个问题。

我对Angular有一定的了解，并且已经生成了大量的Angular代码，但我不是一个完整的初学者。

我已经开始开发MEAN应用，因此所有客户端都是Angular。 在将我的头撞在墙上两天之后，我无法获得一个非常简单的location.path（newPath）来在控制器的$ scope中的函数中工作。

'use strict';

angular.module('core').controller('HeaderController', 
        [   '$scope', 
            '$location',
function($scope, $location) {


    //THIS LINE OF CODE, ON ARRIVAL IN THE CONTROLLER, WORKS
    //- it changes the path no problem.
    //$location.path('/it/vino/chianti/ChiantiClassico');   


    //But trying to set $location.path() DOES NOT WORK IN THE
    //FOLLOWING FUNCTION.
    //This function is called correctly from an ng-click event on a link. 
    //Therefore there should be no need to call apply(). 
    //However I have also tried both $apply and $timeout.

    $scope.changeLanguage = function(lang){

        //Right, let's try setting the path..
        $location.path('/it/vino/chianti/ChiantiClassico');

        //now we log $location.path() in the console and it 
        //gives the correct answer, which is:
        //'/it/vino/chianti/ChiantiClassico',
        //(but the path does not actually change in the browser address bar).
        console.log('$location.path():', $location.path()); //correct!

        //But if I also log the location object and I look inside, 
        //the path hasn't changed there !
        console.log('$location:', $location); //The path is the old one!

        //And the address bar has not changed
    };


}//end function

]）;

我已经调试并搜索了对象，以寻找另一个$ location对象或其他错误。 -但是只有一个$ location对象-在堆栈的“ closure”部分中找到。

我在这里看不到任何回调错误，我不是在尝试使用尚未定义的对象或类似的对象。

这是从完整性角度来看的调用链接代码，这里没有什么奇怪的，我也尝试过从按钮调用，该函数已正确调用：

<a href="javascript:;" data-ng-click="changeLanguage('it')">italiano</a>

Answer 1

我为同一问题苦了一段时间。 问题在于使用新创建的对象的ID更新URL（ID是由数据库生成的，并在保存过程中进行了检索）。

对我来说行之有效的只是：

$window.location.assign(newURL);

Answer 2

可能是您的问题是点击标签进行一些导航...

这不是一个“真实”的答案，而是一些探索方法：

• 尝试删除href中的javascript
• 用“按钮”代替“ a”
• ng-click =“ changeLanguage（'it，$ event）”和changeLanguage函数中：event.preventDefault（）（或某些stopPropagation）

希望能有所帮助。

Answer 3

我遇到了同样的问题，最后，我使用以下代码：$ window.location ='/＃/ path / to / xx'：