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

Navigating to another component in hybrid Angular

我不知道如何使用混合 Angular 导航到另一个 page/component。

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

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

在混合中 Angular 我使用混合路由:

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

如何使用混合 Angular 从 typescript 导航到另一个 page/component?

您实际上是在使用uirouter。它是混合版本,但仍然是 uirouter。 对于 this.router.navigate 的等价物,您可以使用:

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

查看此存储库 github.com/Zadvornyi/angular-hybrid-webpack,其中实现了 @uirouter/angular-hybrid 路由器。实施后你可以使用 标准方法:

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