如何从AngularJS中的URL参数中获取值?

时间:2014-11-17 13:52:58

标签: angularjs angularjs-directive angularjs-scope angular-ui-router

我有一个像http://example.com/test/sample&fname=hello&lname=world这样的网址,它会显示一个名为“' Home.html '

的网页

我需要从网址中获取 hello world 这些值,并将其用于我所拥有的ng-init指令' Home.html中'

<div ng-init="init('val1','val2')"></div>

val1 应包含 hello val2 应包含世界

是否可以在AngularJS中执行此操作并且是否正确接近它?请帮帮我!

2 个答案:

答案 0 :(得分:3)

避免使用ng-init而是使用控制器

function SomeController($scope, $location){
    var fname = $location.search().fname;    

}

答案 1 :(得分:3)

使用AngularJS,您可以使用$location.search读取查询字符串参数,如下所示:

var init = function() {
    var val1 = $location.search()['val1'];
    var val2 = $location.search()['val2'];
    ...
}