如何从AngularJS中的url参数访问数据

Question

所以基本上我正在开发一个监控系统。当我点击一个特定的应用程序时，我想导航到一个统计页面，并动态加载该应用程序的统计数据。

因此，在监控页面(example.com/app/#/monitorscreen)脚本中，我有下面一行代码：

window.location = "#/applicationstats?application=" + app;

然后它将我导航到：

example.com/app/#/applicationstats?application=test123

我的问题是，我如何访问上面的参数'application‘中保存的数据？换句话说，我怎样才能打印到屏幕'test123‘

Answer 1

考虑切换到ng-route或者更好的ui-router。它拥有你正在寻找的所有功能，包括stateParmas (从url访问参数)

https://angular-ui.github.io/ui-router/site/#/api/ui.router

Answer 2

您应该使用RouteProvider和RouteParams

检查这个答案：How to get the url parameters using angular js

Answer 3

在路由文件中，包含ng-route的$routeProvider和ui-route的$stateProvider

 $routeProvider.when('/view1/:param1/:param2', {
        templateUrl: 'partials/partial1.html',    
        controller: 'MyCtrl1'
    });

$stateProvider.state('partials', {
    url: '/partials/:param1/:param2',
    controller: 'MyCtrl1',
    templateUrl: 'partials/partial1.html'
});

然后在您的控制器中，为ng-route注入$routeParams，为ui-route注入$stateParams：

.controller('MyCtrl1', ['$scope','$routeParams', function($scope, $routeParams) {
  var param1 = $routeParams.param1;
  var param2 = $routeParams.param2; //change here from param1 to param2
  ...
}]);

.controller('MyCtrl1', ['$scope','$stateParams', function($scope, $stateParams) {
  var param1 = $stateParams.param1;
  var param2 = $stateParams.param2; //change here from param1 to param2
  ...
}]);