首页 > 解决方案 > 角度通过控制器通过类扩展传递值

问题描述

我的课程扩展了另一个课程。例如:

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

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

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

头等舱模板:

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

SecondClass的模板:

<div> {{ getCount }} <div>

在第二个模板中,它始终显示为 0;谁能解释我如何动态获得价值?Ps 这两个组件不相互交互。他们是绝对分开的。

标签: angularclassextends

解决方案


您以错误的方式声明了点击回调

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

应该

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

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


推荐阅读