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

Question

我无法弄清楚如何使用混合 Angular 导航到另一个页面/组件。

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

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

在混合 Angular 中，我使用混合路由：

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

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

Answer 1

查看这个存储库github.com/Zadvornyi/angular-hybrid-webpack，其中实现了 @uirouter/angular-hybrid 路由器。实施后，您可以使用标准方法：

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

Answer 2

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

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