javascript - 如何在angularjs中使用ui-router获取url参数

Question

我正在使用 ui.router 作为我的 Angular 路线。这是我正在尝试做的事情:

我有我的路由器文件，其中定义了如下状态:

state('login',{
url:'/login',
views:{
    'slot1':{
    templateUrl:'app/modules/authentication/authentication.html',
    controller:'AuthenticationController',
    controllerAs:'authCntrl'
}}})

我想要做的是让用户登录，他们是否带有这种格式的 URL

http://someapp.io/login?user=name&pass=423%%$dsad32

现在如何定义路由 URL 以及如何访问用户并传入我的 Controller 。不需要完整的代码，只需概念或文档链接即可。

这就是我的 Controller 的样子:

(function(){
angular.module("app.auth",[]).
controller("AuthenticationController", function( $state, $stateParams, AuthenticationService, LoadingService){
var self = this;
console.log($stateParams);
}

这会将以下内容记录到控制台:

Object {}

编辑:

奇怪的是，如果我将路由器中的网址更改为:

url:'/instore_login?user=&pass='

我能够获得这些值。这还对吗？

Answer 1

您的状态定义需要明确声明它需要参数。使用 uirouter 有不止一种方法可以做到这一点。最简单的方法是将其添加到您的 URL 定义中:

url: '/login?user&pass', 

您在处理用户凭据时应始终保持警惕。这种方法看起来可能是一种不好的代码味道。您能否在最初的问题中谈谈您对该 Controller 的计划并说明一下，我们可以确保您不会面临安全问题。