How to access $stateParams from component about angular-hybrid HOT 2 CLOSED

If it's a routed component, it's best to inject the Transition and get transition.params().

constructor(trans: Transition) {
  const params = trans.params();
}

Otherwise you can inject UIRouterGlobals and access UIRouterGlobals.params. Globals aren't updated until after a transition has completed successfully.

constructor(globals: UIRouterGlobals) {
  const params = globals.params;
}

To get the $rootScope you will need to make the AngularJS service available to Angular, as described here: https://angular.io/docs/ts/latest/guide/upgrade.html#!#making-angularjs-dependencies-injectable-to-angular

The easiest way is to inject the AngularJS injector and get it from there:

constructor(@Inject('$injector') $injector) {
  const $rootScope = $injector.get('$rootScope');
}

from angular-hybrid.

Works, many thanks!

from angular-hybrid.