路由网址变为空字符串

Question

我正在使用angularjs v1.4.8。在这里，我遇到了关于url绑定的问题。我使用由图像点击事件以编程方式触发的文件上传器。执行此操作时，URL将从浏览器中删除。这是我在申请中可以看到的结果。

点击前：http://localhost:49573/req/request.html#/req/upload

点击：http://localhost:49573/req/request.html#

HTML代码

<img src="images/upload.png" title="Upload" ng-click="triggerupload()">

控制器内的功能

       $scope.triggerupload = function () {            //ls_val
            alert($location.path());  
        };

  

返回/ req / upload

App.run

    $rootScope.$on('$locationChangeStart', function (event, next, current) {
            console.log($location.path());
    });

  

返回空字符串

Answer 1

您的点击事件很可能会传播到外部范围，后者会更改位置，从而发出$locationChangeStart。

您应该尝试停止triggerupload函数传播事件：

$scope.triggerupload = function (event) {
    //do the upload
    event.stopPropagation();
};

或直接在ng-click指令中：

<img ng-click="triggerupload(); $event.stopPropagation();" src="images/upload.png" title="Upload">