Cannot set/get the property of extended class in typescript

Question

I have an issue related to setting or getting the value of the extended class in Typescript and angular 2.

I have a class A with these properties:

export class A {
    protected name: string;

    set setName(name: string) {
        this.name= name;
    }

    get getName() {
        return this.name;
    }
}

I am extending the class A from B as :

export class B extends A implements OnInit {
    ngOnInit() {
        this.setName('User');
    }
}

This returns the error as :

this.setName is not a function

I suppose it is telling that there is no any function called setName in class B.

How do i set the value to be used in the function that's extending the Class A? What is the best way as the constructor initialization didn't worked for me.

I also cannot create the new instance of the class B and set the value. If i am wrong any where could anyone correct me?

score 4 · Accepted Answer · answered Feb 14 '17 at 08:31

4

If it is a setter, it should be

this.setName = 'User';

answered Feb 14 '17 at 08:31

Günter Zöchbauer

623,577
216
2,003
1,567

Thanks for the correction. I was doing the wrong way. (facepalm) – PaladiN Feb 14 '17 at 08:40
We have all been there :D – Günter Zöchbauer Feb 14 '17 at 08:41

Cannot set/get the property of extended class in typescript

1 Answers1