主页 / 问题 / 945626
Accepted
Max
Asked:2020-02-17 01:40:49 +0000 UTC2020-02-17 01:40:49 +0000 UTC

导航时以编程方式传递对象

  • 772

切换到另一条路由时如何传输数据，以免重新加载？

我查看了NavigationExtras并没有找到任何合适的内容。充其量，您可以通过其queryParams属性传递一个 id以重新加载对象。

this.router.navigate(
    [`/tickets/buy`],
    {
        queryParams: {
            event: event.id
        }
    }
)

还有一个想法是做一个服务并通过它接收数据，但它似乎太拐杖了。

angular2

1 个回答

  1. Best Answer

    从7.2.0版开始，该类有一个stateNavigationExtras属性。例子：

    constructor(private router: Router) {}

public navigateWithSomeState(): void {
  this.router.navigateByUrl('/tickets/buy', {
    state: что угодно
  });
}

    可以使用getCurrentNavigationrouter 方法获取状态，该方法将返回 type 的对象Navigation。拥有Navigation一个属性extras，并且在该属性中extras只是state：

    class BuyTicketsComponent {
  constructor(router: Router) {
    console.log(router.getCurrentNavigation().extras.state);
  }
}

    Angular 架构是在 SCA（服务组件架构）上锐化的，任何通过服务进行的交互都不能称为拐杖。

    • 1

相关问题