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

Posted 2023-02-19

技术标签:

【中文标题】导航到混合 Angular 中的另一个组件【英文标题】：Navigating to another component in hybrid Angular 【发布时间】：2019-08-20 15:40:49 【问题描述】：

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

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

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

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

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

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

【问题讨论】：

【参考方案1】：

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

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

【讨论】：

【参考方案2】：

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

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

【讨论】：

以上是关于导航到混合 Angular 中的另一个组件的主要内容，如果未能解决你的问题，请参考以下文章