根据父组件属性将类添加到子组件的HTML元素中-Angular

Question

假设我有一个SidebarComponent组件：

export class SidebarComponent implements OnInit {

  isExpanded: boolean = true;

  constructor() { 
  }

  ngOnInit() {
  }

  toggle() {
    this.isExpanded = !this.isExpanded;
  }

}

因此，在单击按钮时，我可以将一个类添加到该组件的DIV中：

<div class="sidebar" [ngClass]="isExpanded ? '' : 'sidebar--hidden'">...

另外一个组件SubSidebarComponent-扩展了SidebarComponent：

export class SubSidebarComponent extends SidebarComponent implements OnInit {

  constructor() { 
    super();
  }

  ngOnInit() {
  }

}

因此也可以相应地在其DIV中添加类：

<div class="sub-sidebar" [ngClass]="isExpanded ? 'a' : 'b'">...

以上逻辑显然无效，孩子的isExpanded始终为true（总是添加了'a'类）。

与上述方式类似，我怎么能以简约的方式实现这一目标？