Navigating to another component in hybrid Angular

Question

I cannot figure out how can I navigate to another page/component with hybrid Angular.

In Angular 2 we use Router and something like:

this.router.navigate(['/items']);

In hybrid Angular I use hybrid routing with:

import { UIRouterUpgradeModule, NgHybridStateDeclaration } from '@uirouter/angular-hybrid';

How can I navigate from within typescript to another page/component with hybrid Angular?

score 0 · Accepted Answer · answered Apr 03 '19 at 18:42

0

You are actually using the uirouter. It is the hybrid version but still it is the uirouter. For the equivalent of this.router.navigate you can use:

this.uirouter.stateService.go('items');

answered Apr 03 '19 at 18:42

Koen Meijer

score 0 · Answer 2 · answered Dec 23 '20 at 08:37

0

Look at this repository github.com/Zadvornyi/angular-hybrid-webpack, where implement @uirouter/angular-hybrid router. After implementing you can use standard method:

answered Dec 23 '20 at 08:37

2 Answers2