如何使用Angular.js在URL中设置查询字符串？

Question

我需要在URL的查询字符串中传递一个id并使用Angular.js设置路径。 我在下面添加我的代码。

http://localhost/spesh/resetpass?id=2

对于上述网址，我需要在路由文件中设置路径，如下所示。

.state('/resetpass', { 
            url: '/resetpass',
            templateUrl: 'dashboardview/resetpass.html',
            controller: 'resetpassController'
})

我按照上面的方法做了，它没有按照要求工作。

Answer 1

这应该更好-

.state('resetpass', {     
            url: '/resetpass/:id',
            templateUrl: 'dashboardview/resetpass.html',
            controller: 'resetpassController'
})

您可以这样使用它-

$state.go('resetpass', {id: 1} );

要么

<a ui-sref="resetpass({id:1})"></a>

您可以在$ stateParams服务中获取查询字符串，以执行所需的操作。

Answer 2

希望对您有所帮助。.更改代码如下

http://localhost/spesh/resetpass/2       /////CHANGE HERE


.state('/resetpass', { 
            url: '/resetpass/:id',      /////CHANGE HERE
            templateUrl: 'dashboardview/resetpass.html',
            controller: 'resetpassController'
})


///to access ID in controller 
var ID = $stateParams.id;

如果您想保留“？”，请尝试此操作。 下面的代码告诉Angle期望ID。

url: "/resetpass?id",

Answer 3

只需更改：

.state('/resetpass', { 
            url: '/resetpass?id',
            templateUrl: 'dashboardview/resetpass.html',
            controller: 'resetpassController'
})