AngularJS - Передача данных аналогична параметру url?

Question

Привет, мне нужно поместить ссылки на страницу html с помощью AngularJS. Эти ссылки будут перенаправлены на уникальную страницу (пример contact.html), которая в зависимости от значения ссылки будет отображать другой результат.

Существует дерьмо пример, но я думаю, достаточно, чтобы понять, что мне нужно делать ... :)

page1.html

<a href="page2.html?x=hello">hello</a> 
<a href="page2.html?x=goodbye">goodbye</a> 

page2.html

if x=hello display "hello"; 
if x=goodbye display "goodbye". 

Как это сделать в AngularJS?

******* ОБНОВЛЕНИЕ *******

Страница 1:

<ons-button modifier="clean" ng-controller="xController" ng-click="menu.setMainPage('page2.html/#?x=hello', {closeMenu: true})"> 
    <img src="hello.jpg"> 
</ons-button> 

<ons-button modifier="clean" ng-controller="xController" ng-click="menu.setMainPage('page2.html/#?x=goodbye', {closeMenu: true})"> 
    <img src="goodbye.jpg"> 
</ons-button> 

Страница 2:

<div class="page-content" ng-controller="xController"> 
    <p>***{{ x }}***</p> 
</div> 

JS:

app.controller('xController', ['$location', function ($location) { 
    var x = $location.search().x; 
}]); 

На странице 2 <p>***{{ x }}***</p> не отображается «привет» "или" до свидания "от x Параметр url.

PS: URL, чтобы получить х параметр не является удаленным, это местный внутри Кордова приложение (я не знаю, если это действительно имеет значение ...)

Answer 1

$location.search().x 

$ location.search будет возвращать объект всех параметров URL.

Answer 2

В page2.html, вы можете использовать $location сервис для извлечения параметров поиска из URL:

.controller('ctrl', ['$location', function($location){ 

    var searchParams = $location.search(); 

    if(searchParams.x === 'hello'){ 
     // display 'hello' 
    }else if(searchParams.x === 'goodbye'){ 
     // display 'goodbye' 
    } 

}]) 

API reference