Многоуровневое наследование компонентов в Angular

Question

У меня есть базовый компонент с некоторыми геттерами, компонент A, который наследует базовый компонент, и компонент B, который наследуется от компонента A. Проблема в том, что геттеры, определенные в базовом компоненте, доступны в шаблоне компонента A, но не в компоненте B Мой вопрос: Angular поддерживает многоуровневое наследование компонентов?

Мой код

export class BaseComponent implements OnInit {
 ngOnInit() { }

  constructor(injector: InJector) {}

  get name():string {
    return 'my name';
}
export class AComponent extends BaseComponent {
    constructor(injector: Injector) {
     super(injector)
  }
}
export class BComponent extends AComponent {
    constructor(injector: Injector) {
     super(injector)
  }
}

имя доступно в шаблоне AComponent, но оно не определено в BComponent, и я не знаю почему и хотел бы, чтобы кто-то объяснил мне, что происходит. Спасибо