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>

module.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

$routeParams 服务使您能够访问路由参数和 returns 对象。

为了在您的示例中获取参数组 /tips/comments/group?id.. 使用 $routeParams.group

Answer 2

您将在 $routeParams

中获得详细信息

$routeParams.group

Answer 3

根据您的要求ui您可以选择以下任意一项：

1. 如果您使用的是 ngRoute，您可以将 $routeParams 注入到您的 controller.ngRoute 是一个 angular 核心模块，适用于基本场景。 URL: https://docs.angularjs.org/api/ngRoute http://docs.angularjs.org/api/ngRoute/service/$routeParams

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

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

   然后在你的控制器中注入 $routeParams:

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

也可以在查询字符串形式 /view/1/2?other=12 和 $routeParams.other.

中获取其他任意参数

2. Ui-router 是一个贡献模块，克服了 ngRoute 的问题。主要是Nested/Complex views.If你用的是angular-ui-router，你可以注入$stateParams。 URL：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/#/

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