angular – typescript类中的方法给出错误“不是函数”

前端之家收集整理的这篇文章主要介绍了angular – typescript类中的方法给出错误“不是函数”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在Angular2 Web应用程序上工作.我在typescript中创建了一个简单的类:
export class User {
    firstName: string;
    lastName: string;

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

当我在User类型的对象上调用nominative时,我收到此错误错误:0:0引起:user.nominative不是函数.

我在AppComponent类中调用函数

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

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

我已经尝试过以这种方式使用lambda表达式:

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

但没有变化.问题只出在这堂课上,所以我做错了什么?

因为User只告诉编译器可以安全地假设该值是User类型,但对运行时没有任何影响,并且它没有任何方法,因为方法不与JSON一起传递.

你需要

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

获取实际的用户实例.您需要创建一个构造函数,将JSON中的值分配给字段

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

猜你在找的Angularjs相关文章