如何使用ui-router获取模板内的路由参数？

Question

我有这样的代码:

$stateProvider
  .state('managementPanels-show', {
    url: '/management-panels/show/:id',
    template: '<mp-show></mp-show>',
    data: {},
    resolve: {}
  });

如何在模板中添加:id？

Answer 1

您无法直接访问:idin模板.您需要$stateParams在控制器中注入服务并在控制器上公开该:id属性$scope

.controller('YourController', function ($scope, $stateParams){
   $scope.id = $stateParams.id;
})

现在,您可以在模板中访问ID:

$stateProvider
  .state('managementPanels-show', {
    url: '/management-panels/show/:id',
    template: '<mp-show>{{id}}</mp-show>',
    controller: 'YourController',
    data: {},
    resolve: {}
  });