AngularJS - 传递与url参数类似的数据?

时间:2015-10-23 18:25:46

标签: angularjs

您需要使用AngularJS将链接放在html页面上。这些链接将重定向到一个唯一的页面(例如contact.html),根据链接的值,它将显示不同的结果。

有一个废话的例子,但我认为足以理解我需要做什么...... :)

page1.html

bathtubOffset.top

page2.html

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

如何在AngularJS中执行此操作?

*******更新*******

第1页:

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

第2页:

<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>

JS:

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

在第2页中,app.controller('xController', ['$location', function ($location) { var x = $location.search().x; }]); 未显示 x url参数中的“hello”或“goodbye”。

PS:获取x参数的URL不是远程的,它是Cordova应用程序内的本地(我不知道它是否真的很重要......)

2 个答案:

答案 0 :(得分:0)

$location.search().x

$ location.search将返回所有网址参数的对象。

答案 1 :(得分:0)

data: [1.1; version: 1, 1.2; version: 1, 1.3; version: 1] data: [2.1; version: 1, 2.2; version: 1, 2.3; version: 1] data: [1.1; version: 1, 1.2; version: 1, 1.3; version: 1] data: [2.1; version: 1, 2.2; version: 1, 2.3; version: 1] 中,您可以使用page2.html服务从网址中检索搜索参数:

$location

API reference