Angular 2 App中NgOnInit生命周期钩子内移动方法的问题

时间:2017-02-20 17:04:13

标签: javascript angular typescript

我有一些数据正在填充到我的Angular 2应用程序中,并且所有数据都按预期工作,除了在信息准备好显示之前加载页面组件。在这些情况下,我可以点击“刷新”并填充数据。但是,这当然不是理想的行为。所以我的想法是将负责调用此信息的函数移动到ngOnInit生命周期钩子中。但是,当我尝试这样做时,我的IDE显示错误,我不确定原因。

这是我当前组件的相关信息:

export class DoctorGeneralComponent extends EventHandler implements OnInit {

    @Input('doctor')
    public doctor: DoctorModel;

    constructor(private dialog: MdDialog) {
        super();
    }

    ngOnInit() {

     }

    public getPropertyStatus(name: string): string {
        return this.doctor ? this.doctor.getPropertyStatus(name) : '';
    }
}

如果我将这个“gePropertyStatus”方法移动到我的ngOnInit中,就像这样:

ngOnInit() {
   public getPropertyStatus(name: string): string {
    return this.doctor ? this.doctor.getPropertyStatus(name) : '';
}

...我得到了“声明或声明预期”错误。

知道这里发生了什么,以及如何解决它以在ngOnInit生命周期钩子中包含此方法?

1 个答案:

答案 0 :(得分:2)

在ngOnInit中调用它,在它之外定义它:

x()