Angular ui路由器-将stateParams传递给其他控制器

Question

This is part of my state provider:

  $stateProvider.state('root', {
         url: '',
          abstract: true,
          templateUrl: viewsRoot + "layout.html",
          controller: 'LayoutController',
           views: {
          'container': {
            templateUrl: viewsRoot + "container.html",

          },
          'sidebar': {
                 templateUrl: viewsRoot + "sidebar.html",
                 controller: 'SidebarController'

          }
       }
      })
      .state('layout.sidebar', {
          abstract: true,
          templateUrl: viewsRoot + "sidebar.html",
          controller: 'SidebarController'
      })
          .state('layout.container', {
              abstract: true,
              templateUrl: viewsRoot + "container.html",
            //  controller: 'ObjectDetailsController' 
          })
          .state('root.object-details', {
              url:'object-details/:objectId',
              templateUrl: viewsRoot + "object-details.html",
              controller: 'ObjectDetailsController',

Some content on sidebar should change depending on objectId. I can access $stateParams.objectId in ObjectDetailsController but I would like to access them in sidebar controller. Maybe pass them to parent, and then parent should pass value to sidebar.

Answer 1

Did you try to pass the data via the params options in $stateProvider ?

The API can be found here .

So your code can look like this:

.state('layout.sidebar', {
  abstract: true,
  templateUrl: viewsRoot + "sidebar.html",
  controller: 'SidebarController',
  params: {id: 'value'}
})

You can pass the param inside the view:

<a ui-sref="layout.sidebar({id: 'object.Id'})></a>