URL-адрес маршрутизации становится пустой строкой

Question

URL-адрес маршрутизации становится пустой строкой

0

Я использую 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());
    });

Это возвращает пустую строку

Senthil Kumar J 22 апр. 2016, в 12:17

Источник

0

Вы используете ngRouter или uiRouter (с $state )? Потому что вы добавляете тег ui-router, но, похоже, не используете его.
Walfrat 22 апр. 2016, в 09:56
0

В качестве примечания при регистрации местоположения из часов $locationChangeStart лучше использовать .oldUrl и .newUrl события $locationChangeStart .
Aaron 22 апр. 2016, в 09:57

Теги:

angularjs

angular-ui-router

1 ответ

Ещё вопросы

Вы используете ngRouter или uiRouter (с $state )? Потому что вы добавляете тег ui-router, но, похоже, не используете его.
В качестве примечания при регистрации местоположения из часов $locationChangeStart лучше использовать .oldUrl и .newUrl события $locationChangeStart .

Aaron · Answer 1 · 2016-04-22T07-22-00.000Z

Ваше событие click скорее всего распространяется на внешнюю область, которая продолжает изменять местоположение и, таким образом, испускает $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">

Этот stopPropagation () не работает для меня. Это все еще работает как то же самое. Как вы говорите, событие распространяется на внешнюю сферу. Я использую только простое предупреждение в этом.
Когда вы щелкаете изображение, генерируется событие щелчка. Сначала он будет перехвачен щелчком ng-изображения вашего изображения, но если вы не остановите его распространение, оно попадет в контейнер вашего изображения и до $ rootcope