Question

我们有几个供应商，他们的HTML页面只有不同，但后端逻辑是相同的。

我有单独的通用控制器类来调用Web服务部分。

我的公共类代码

    export class LoginController {  

    static callLoginService(value : any) {
        //TO-DO calling web service
        if (value.username == "admin" && value.password == "admin" ) {
            console.log("===Yes====");
            return true
        }else{
            console.log("===NO====");
            return false
        }
    }

    static f1(){
        console.log("funtion1");
    }

}

在Login.ts课程中。

  submitForm(value: any):void{
    console.log('Form submitted!')
    console.log(value.username);
    console.log(value.password);


    LoginController.f1();
    LoginController.callLoginService(value);
    console.log(this.loginController.callLoginService(value));
  }

提交表单后，错误说

__WEBPACK_IMPORTED_MODULE_4__controllers_login_loginController__.a.callLoginService is not a function

请帮助我或任何指南

Answer 1

您使用的模式根本不是Ionic / Angular的推荐模式。当您处理第三方服务或类似服务时，您需要使用providers。

提供商允许您创建提供的自包含服务您的应用程序的某种功能。提供者的角色可能包括从服务器获取数据，执行等操作对数据进行操作，共享数据，提供一组复杂的数学运算，等等。

Link

您可以在CLI下方使用provider

ionic generate provider MyTestProvider

您可以阅读有关provider here的更多信息。

离子3调用页面类从自定义公共类调用自定义方法

1 个答案: