Angular中使用subscribe时checkValidUser方法未识别问题求助

我帮你排查了几个导致TypeScript提示“Cannot find name 'checkValidUser'”的关键问题，一个个来看：

1. 实例方法调用时未使用this #

在subscribe的回调函数里，你直接写了checkValidUser()，但这个方法是你的类的实例方法，必须通过this.checkValidUser()来调用。如果省略this，TypeScript会把它当成全局函数来查找，自然找不到定义。

2. 方法定义的语法错误 #

你写的方法定义checkValidUser():void(){有语法问题：返回类型: void后面直接跟大括号即可，不需要额外加括号。正确的写法应该是checkValidUser(): void {，这个语法错误会让TypeScript无法正确识别这个方法的存在。

3. 方法未接收data参数 #

你在checkValidUser方法内部用到了data变量，但这个data是subscribe回调的参数，你的方法并没有声明接收它，所以即使调用正确，内部也会报错找不到data。需要给方法添加参数声明，调用时把data传进去。

修复后的完整代码示例 #

this.svsOrders.newOrderDetails(customerInfo).subscribe(
  (data: any) => this.checkValidUser(data), 
  error => this.errorMessage = <any>error
);

// 修正语法+接收data参数
checkValidUser(data: any): void {
    // IF-ELSE CODE BLOCK ONE
    if (data == 'Invalid User') {
        this.isValidUser = false;
        let alert = this.alertCtrl.create({
            title: 'Submit Order',
            message: 'Access Denied',
            buttons: [
                {
                    text: 'Ok',
                    role: 'cancel',
                    handler: () => {
                        console.log('Cancel clicked');
                    }
                }],
            enableBackdropDismiss: false
        });
        alert.present();
    } // close if
    else {
        this.svsSummary.newOrderInfo(data);
    } // close else
    // IF-ELSE BLOCK TWO
    if(this.isValidUser){
        console.log('isValidUser value(TRUE)', this.isValidUser)
        this.navCtrl.setRoot(CategoryPage);
        this.navCtrl.popToRoot(); // 这里补充了方法调用的括号，原代码漏了
        this.svsSummary.clearItemList();
        return;
    } else {
        console.log('popping the page now.....')
        this.navCtrl.pop();
    }
}

另外顺便提一句：原代码里的this.navCtrl.popToRoot少了括号，应该是this.navCtrl.popToRoot()，否则不会执行跳转逻辑哦。

内容的提问来源于stack exchange，提问作者jay4116