子组件的Angular2切换菜单

Question

我有角度2应用程序，安装了jquery和typings。

在我的aboutPage组件中，我尝试在按钮上应用jquery click事件，以便在单击按钮时，它会假设使用导航栏标记在外面添加额外的类 $（selector）.addClass（＆＃34; some class＆＃34;）;

但不幸的是它没有用。我已经尝试从子组件发出调用并使用jquery添加类函数调用toggleMenu（）函数以从应用程序组件添加类，但什么也没发生。就像jquery没有看到DOM

EDIT1： aboutPage组件：

$("header button.burger").click(function() { 
    this.commonService.notifyOther({option: 'onSubmit', value: 'From header'});
});

NavbarComponent：

private subscription: Subscription;

toggleMenu() {

jQuery("button.burger").addClass("active");
jQuery("nav").addClass("open");
jQuery("header").addClass("menu-open");

}

ngOnInit（）{

// COMMON SERVICE COMMUNICATION
this.subscription = this.commonService.notifyObservable$.subscribe((res) => {
  if (res.hasOwnProperty('option') && res.option === 'onSubmit') {

    this.toggleMenu();
  }
});
}

注意：除了这部分，jQuery正在app中正常工作。