Angular2 меню переключения от дочернего компонента

Question

У меня есть угловое приложение 2, с установленным JQuery и набрав.

В моем компоненте aboutPage я пытаюсь применить событие нажатия jquery к кнопке, чтобы при нажатии кнопки добавлялись дополнительные классы к тегу navbar вне компонента about с помощью $(селектор).addClass("некоторый класс");

Но, к сожалению, это не работает. Я уже пытался передать вызов от дочернего компонента и вызвать функцию toggleMenu() с jquery add функциями класса, чтобы добавить класс из компонента приложения, но ничего не происходит. Как 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 работает в приложении правильно, кроме этой части.