Question

我想从当前URL中提取数据并在控制器中使用它。例如，我有这个网址：

app.dev/backend/surveys/2

我要提取的位：

app.dev/backend/ ：输入 / ：id

Angular中有什么可以帮助我完成这项任务吗？

Answer 1

使用ngRoute从网址获取参数。这意味着您需要在应用程序中包含angular-route.js作为依赖项。有关如何在官方ngRoute documentation上执行此操作的详细信息。

问题的解决方案：

// You need to add 'ngRoute' as a dependency in your app
angular.module('ngApp', ['ngRoute'])
    .config(function ($routeProvider, $locationProvider) {
        // configure the routing rules here
        $routeProvider.when('/backend/:type/:id', {
            controller: 'PagesCtrl'
        });

        // enable HTML5mode to disable hashbang urls
        $locationProvider.html5Mode(true);
    })
    .controller('PagesCtrl', function ($routeParams) {
        console.log($routeParams.id, $routeParams.type);
    });

如果您未启用$locationProvider.html5Mode(true);。网址将使用hashbang（/#/）。

有关路由的更多信息，请参阅官方角度$route API documentation。

旁注： 这个问题正在回答如何使用ng-Route实现此目的，但我建议使用ui-Router进行路由。它更灵活，提供更多功能，文档很棒，并且被认为是角度最佳的路由库。

Answer 2

您可以将$routeParams注入您的控制器并访问路线解析时使用的所有参数。

E.g：

// route was: app.dev/backend/:type/:id

function MyCtrl($scope, $routeParams, $log) {
    // use the params
    $log.info($routeParams.type, $routeParams.id);
};

有关详细信息，请参阅angular $routeParams documentation。

Answer 3

最好生成像

这样的网址

app.dev/backend?type=surveys&id=2

然后使用

var type=$location.search().type;
var id=$location.search().id;

并在控制器中注入$ location。

Answer 4

在您的路线配置中，您通常会定义一条路线，如

.when('somewhere/:param1/:param2')

然后，您可以使用$route.current.params在解析对象中获取路线或在控制器$routeParams中。在任何一种情况下，都使用路由映射提取参数，因此param1可以由控制器中的$routeParams.param1访问。

修改：另请注意，映射必须准确

/some/folder/:param1

只会匹配一个参数。

/some/folder/:param1/:param2

只会匹配两个参数。

这与大多数动态服务器端路由略有不同。例如NodeJS（Express）路由映射，其中您只能提供具有X个参数的单个路由。

Answer 5

例如： URL /：ID

var sample= app.controller('sample', function ($scope, $routeParams) {
  $scope.init = function () {
    var qa_id = $routeParams.qa_id;
  }
});

Answer 6

注入routeParams服务：

http://docs.angularjs.org/api/ngRoute.$routeParams

Angular 1 - 获取当前URL参数

6 个答案: