Чтение URL Строка запроса

Question

У меня есть следующий URL:

http://myUrl.com/#/chooseStyle?imgUpload=6_1405794123.jpg 

Я хочу прочитать значение imgUpload в строке запроса - я пытаюсь:

alert($location.search().imgUpload); 

Но ничего предупреждения, даже не пустое предупреждение - но консоль читает:

$location is not defined 

Мне нужно это значение, чтобы добавить в контроллер, чтобы вытащить данные обратно, а также нести в себе представление как часть ng-src

Есть ли что-то, что я делаю неправильно? это мое приложение конфигурации:

capApp.config(function($locationProvider, $routeProvider) { 
    $locationProvider.html5Mode(false); 
    $routeProvider 

    // route for the home page 
    .when('/', { 
    templateUrl : '/views/home.html', 
    controller : 'mainController' 
    }) 

    // route for the caption it page 
    .when('/capIt', { 
    templateUrl : '/views/capIt.html', 
    controller : 'mainController' 
    }); 
}): 

Это мнение:

<div class="container text-center"> 
    <h1 class="whiteTextShadow text-center top70">Choose your photo</h1> 
</div> 

<script> 
    alert($location.search().imgUpload); 
</script> 

Главный контроллер:

capApp.controller('mainController', function($scope) { 
    $scope.message = 'Whoop it works!'; 
}); 

Моя конечная цель заключается в том, что я могу найти решение для захвата и повторно используя данные из строки запроса.

Я также упомянул, это только моя первая неделя в Угловом, любящая его до сих пор! Много учиться ...

Answer 1

<script> 
    alert($location.search().imgUpload); 
</script> 

Вы делаете две ошибки здесь:

1. выполнение кода во время загрузки страницы, а угловое приложение, таким образом, еще не начало
2. предполагая $ location - глобальная переменная. Это не. Это угловое обслуживание, которое должно быть введено в ваш контроллер (или любой другой угловой компонент). Это должно привести к тому, что исключение будет отображаться и отображаться в консоли. Всегда оставляйте консоль открытой и не игнорируйте исключение.

Answer 2

You should not do this 
<script> 
    alert($location.search().imgUpload); 
</script> 

// you need to inject the module $location 
//(either in service, or controller or wherever you want to use it) 
// if you want to use their APIs 

capApp.controller('mainController', function($scope, $location) { 
    $scope.message = 'Whoop it works!'; 
    //use API of $location 
    alert($location.search().imgUpload); 
});