CODEWITHSUNDEEP
angulartypescript
erikscandola
erikscandola

Reputation: 2946

Method in typescript class give error "is not a function"

I work on Angular2 web application. I created a simple class in typescript:

export class User {
    firstName: string;
    lastName: string;

    nominative() : string {
        return this.lastName + " " + this.firstName;
    }
}

When i call nominative on object of type User I receive this error: Error in :0:0 caused by: user.nominative is not a function.

I call the function in my AppComponent class:

export class AppComponent implements OnInit {
    name: string = "";

    ngOnInit() : void {
        let user = JSON.parse(sessionStorage.getItem("User")) as User;
        if (user) {
            this.name = user.nominative();
        }
    }
}

I already tried to use lambda expression in this way:

nominative = () : string => { ... }

But nothing change. The problem is only in this class, so what am I doing wrong?

Upvotes: 80

Views: 46499

Answers (2)

dezmasterflex
dezmasterflex

Reputation: 17

This video explains it pretty well. Turns out you need to check to see if the class's method exists before calling it. I'm still not exactly sure why this happened on one of my pages while I had instances of classes with methods all over my program, but it worked. https://www.youtube.com/watch?v=SdAt1qbWB-o/

if(this.searchResult.clearResults){
      this.searchResult.clearResults()
}

Upvotes: 0

Günter Zöchbauer
Günter Zöchbauer

Reputation: 658077

as User only tells the compiler that it's safe to assume that the value is of type User, but doesn't have any effect on runtime and it won't have any methods because methods are not passed with JSON.

You would need 

let user = new User(JSON.parse(sessionStorage.getItem("User")));

to get an actual User instance. You would need to create a constructor that assigns the values from JSON to fields like

class User {
  ...
  constructor(json:any) {
    this.firstName = json.firstName;
    this.lastName = json.lastName;
  }

Upvotes: 66

Related Questions