导航到混合Angular中的另一个组件

Question

我不知道如何使用混合Angular导航到另一个页面/组件。

在Angular 2中，我们使用Router和类似的东西：

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

在混合Angular中，我将混合路由用于：

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

如何使用混合Angular在打字稿中导航到另一个页面/组件？

Answer 1

您实际上正在使用uirouter。它是混合版本，但仍然是uirouter。 对于this.router.navigate的等效项，您可以使用：

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

Answer 2

看看这个仓库github.com/Zadvornyi/angular-hybrid-webpack，在那里实现@uirouter/angular-hybrid router。实施后，您可以使用 标准方法：

• Angular JS $state.go('some state')
• Angular 2+ this.$stage.go('some stage')