Angular 2-在最接近的元素上设置ToggleClass

Question

我正在尝试设置ToggleClass

当前，切换类正在基于该脚本的<h1>标记上工作。但是我想在单击.has-dropdown时在最近的<h1>元素上切换类。

指令

 @HostBinding('class.has-open') isOpen = false;
 @HostBinding()
 @HostListener('click') toggleOpen($event){
   this.isOpen = !this.isOpen;
 }

组件

 <div class="nav-item has-dropdown">
     <h1 DropdownDirective>Click Me </h1>
 </div>

如果这不可能，是否有其他解决方法？