javascript - Angular 在 URL 中获取值

Question

如果我想从 Angular 中的 URL 获取特定值，我正在研究如何解析该数据。

例子:

 http://localhost:1337/doc-home/#/tips/5?paginatePage=1

我要得到“5”

HTML:

<a href="#/tips/comments/{{ tip.id }}?groupid={{ ????? }}" class="btn-yellow">Add / View Comments</a>

模块.js

 .when('/tips/comments/:group?id', {
    templateUrl: 'partials/comments.html'

Controller .js

  .controller('TipCommentsCtrl',

     function ($http, $scope, $routeParams, Categories, Tip, $location, error, $sce) {

更新

感谢大家的回答，我越来越接近了。

我发布了另一个问题应该有助于解释我的问题是什么

Angular routeParams not working URL is changing

Answer 1

根据您的要求，您可以选择以下任何一种:

1. 如果您使用的是 ngRoute，则可以将 $routeParams 注入(inject)到您的 Controller 中。ngRoute 是一个 Angular 核心模块，适用于基本场景。网址:https://docs.angularjs.org/api/ngRoute http://docs.angularjs.org/api/ngRoute/service/ $路由参数

   如果您正在使用 RouteProvider 和 routeParams:路由将 URL 连接到您的 Controller / View ，并且可以将 routeParams 传递到 Controller 中。查看Angular seed项目。在 app.js 中，您将找到路由提供程序的示例。要使用参数，只需像这样附加它们:

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

   然后在你的 Controller 中注入(inject) $routeParams:

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

也可以通过$routeParams.other获取查询字符串形式/view/1/2?other=12中的其他任意参数。

1. Ui-router 是一个贡献模块，它克服了 ngRoute 的问题。主要是嵌套/复杂 View 。如果您使用的是 angular-ui-router，则可以注入(inject) $stateParams。网址:https://github.com/angular-ui/ui-router , https://github.com/angular-ui/ui-router/wiki/URL-Routing .

   例如:http://angular-ui.github.io/ui-router/sample/#/

虽然您的回答具体是关于如何在此处获取参数，但我已经添加了更多有关选择内容和使用方法的相关信息。我希望它有所帮助。谢谢。