Угловая передача значения через контроллеры через класс расширения

Question

У меня есть класс, который расширяет другой класс.Например:

export class FirstClass {
    count: number = 0;
    constructor() {}

    get getCount() { return this.count };
    increaseCount() { this.count++ };
}

export class SecondClass extends FirstClass {
    constructor() { super() }
}

Шаблон для FirstClass :

<div> <button (click)="increaseCount">Increase</button> <div>

Шаблон для SecondClass :

<div> {{ getCount }} <div>

Во втором шаблоне он всегда показывает 0;Может кто-нибудь объяснить, как я могу получить значение динамически?Ps эти два компонента не взаимодействуют друг с другом.Они абсолютно отделены друг от друга.

Answer 1

Вы объявили, что ваш обратный вызов нажал неправильно

<div> <button (click)="increaseCount">Increase</button> <div>

должно быть

<div> <button (click)="increaseCount()">Increase</button> <div>

https://stackblitz.com/edit/angular-htyyuv