Javascript 如何在Angular2/4中的模块之间传递数据？

我有两个模块：根模块和授权模块（延迟加载）。根模块有页脚块，我想把它隐藏在“auth”路由上。我尝试通过模块路由传递数据，例如：

{path: 'auth', component: AuthComponent, data: {hideFooter: true}}

但是根模块组件找不到数据，它总是

{}

。我只能在auth组件中获取此数据。我如何才能做到这一点，或者有其他方法来解决我的问题？

对于Angular 4，您有Angular Doc来解决您的问题

如果您只想通信两个组件，请参阅Angular doc中的“”

---

此外，您还有一个类似的问题已经解决。

一个快速的方法是在应用程序组件中放置if条件

<navbar></navbar>
<router-outlet></router-outlet>
<footer *ngIf="router.url !== 'auth'"></footer>

您还需要在ts文件中导入路由器

或

app.component.ts

let routes = ['auth', 'someOther']
this.showFooter = routes.indexOf(this.router.url) < 0

let routes=['auth'，'somether']
this.showFooter=routes.indexOf（this.router.url）<0

然后你的html就变成了

<navbar></navbar>
<router-outlet></router-outlet>
<footer *ngIf="showFooter"></footer>

---

一种方法是对根模块和authcomponent使用不同的布局

要在auth组件中获取数据，请使用

  constructor(route: ActivatedRoute) {
    const hideFooter= route.snapshot.data.hideFooter;
  }

---

是的，这是一种简单的方法，但是如果你有其他的路由也应该这样做呢？因为页脚是由它的选择器标签使用的，而不是路由器出口，所以我们不能使用正确的方法，即[canActivate]，据我所知，只有两种选择，要么在每个组件中分别添加页脚标签（这有点混乱），或者通过组件中的if语句来转义所有路由，这也很混乱，但假设您没有需要绕过footer组件的大量路由列表。您可以在ts文件中执行此操作，添加一个要转义的路由列表，并为其附加一个布尔变量，然后简单地将该变量放在htmlIt中footer的ngIf中就可以了，但我认为将数据传递给路由是一种更舒适的方式，例如，如果路由器名称发生更改，我应该在数组中找到它并对其进行编辑。您可以在这里参考更好的方法：好的，谢谢，正如我所理解的，没有最佳实践。如我所理解的，我应该传递一个可观察属性来解析属性。resolve属性是否支持简单对象？