Typescript inherit a variable from superclass

Question

Let's say I have 2 components:

export class BaseComponent {
    succesfullSave: boolean;
}


export class InheritComponent extends BaseComponent {
    isButtonDisabled() {
        return !super.succesfullSave;
    }
}

in my InheritComponent html, I have a button with a disabled directive:

<button [disabled]="isButtonDisabled()"></button>

After changing the succesfullSave property value, the button is still enabled.

Angular doesn't look for value change when inheriting a value from superclass?

Did you check if isButtonDisabled() is actually being called? — 8192K
– 8192K, Commented Jan 10, 2022 at 11:47

Algidaq Elemgdadi · Accepted Answer · 2022-01-10 11:59:35Z

1

disable attribute accepts a value not a functional. So i think creating a get property would a solve the issue.

get isButtonDisabled():boolean=>!super.succesfullSave;

answered Jan 10, 2022 at 11:59

Algidaq Elemgdadi

942 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

John P Over a year ago

thanks I will try it

ghybs · Accepted Answer · 2022-01-10 12:11:59Z

1

Should be just this.succesfullSave.

You need super. to access a method of your base class, but you have overridden it in your child (extending) class.

answered Jan 10, 2022 at 12:11

ghybs

54.1k6 gold badges90 silver badges117 bronze badges

Collectives™ on Stack Overflow

Typescript inherit a variable from superclass

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related