angular 2访问标记外部路由器-外部(组件)

Question

在我的angular 2项目中，当应用程序加载并显示第一个组件时，我可以单击fixed按钮以显示菜单。但是，如果我转到另一条路线并尝试单击按钮，则没有任何反应。问题是，按钮点击事件是在jquery文件中描述的，我在组件初始化后加载该文件- $.getScript('assets/js/app.js'，function(){})；因为我是通过jquery网站移植到angular的。我的导航栏标签放在路由器的上方--outer，视图的上方。这可能是原因吗？我有一种感觉，在视图页面改变后，父DOM不可见。

app的结构：

<navbar></navbar>
    <router-outlet></router-outlet>
<pageFooter></pageFooter>

主元件：

ngAfterViewInit() {
...
      $.getScript('assets/js/app.js', function(){});
}

我也尝试过直接操作子类中的导航栏，使用jQuery简单地添加类，但没有实现。

有什么建议吗？

Answer 1

您需要创建一个“服务”来在子组件和父组件之间进行通信。

我在这里回答了一个类似的问题：Angular 2 - Using RXJS Observables

如果您需要任何帮助，请在评论中提出:)

Answer 2

基本上，就目前而言，我通过将导航栏标记放在组件视图中来解决这个问题。我知道这不是一个最好的解决方案，需要在每个组件中放置导航栏标签，但它是有效的。但希望有更好的方法。我不知道如何使用服务来使我的导航栏组件操作DOM。

Answer 3

如果你在编译时知道组件(标签)的类型，你可以直接注入它：

constructor(private navBar:NavBarComponent) {}

这将注入该类型的最接近的祖先组件。