Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/apache-kafka/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 登录不起作用_Angular_Ionic4 - Fatal编程技术网

Angular 登录不起作用

Angular 登录不起作用,angular,ionic4,Angular,Ionic4,当我打开登录页面并点击登录按钮时,我发现登录不是一个函数,我不明白问题是什么,当我调用登录函数时,我发现了这个错误 错误类型错误:“\u co.login不是函数” 这是我的主页.page.html 速记 登录 这是myhome.module.ts的内容 从'@angular/core'导入{NgModule}; 从“@angular/common”导入{CommonModule}; 从'@ionic/angular'导入{IonicModule,NavController,NavParam

当我打开登录页面并点击登录按钮时,我发现登录不是一个函数,我不明白问题是什么,当我调用登录函数时,我发现了这个错误

错误类型错误:“\u co.login不是函数”

这是我的主页.page.html


速记
登录
这是myhome.module.ts的内容

从'@angular/core'导入{NgModule};
从“@angular/common”导入{CommonModule};
从'@ionic/angular'导入{IonicModule,NavController,NavParams};
从'@angular/forms'导入{FormsModule};
从'@angular/router'导入{RouterModule};
从'@angular/core'导入{Component};
从“./home.page”导入{HomePage};
从“量角器”导入{logging};
@组成部分({
选择器:“应用程序主页”,
templateUrl:'home.page.html',
})
@NGD模块({
进口:[
公共模块,
FormsModule,
离子模块,
RouterModule.forChild([
{
路径:“”,
组成部分:主页
}
])
],
声明:[主页]
})
导出类HomePageModule{
Usuário:字符串;
森哈:弦;
构造函数(公共navCtrl:NavController){}
登录(){
log(“Usuário:+this.Usuário”);
log(“Senha:+this.Senha”);
} 
}

您必须在组件类而不是模块中定义
login()
函数。请将模块类和组件类分离到单独的文件中。您的home.page.ts文件应该如下所示

@组件({
选择器:“应用程序主页”,
templateUrl:'home.page.html',
})
导出类主页{
Usuário:字符串;
森哈:弦;
构造函数(公共navCtrl:NavController){}
登录(){
log(“Usuário:+this.Usuário”);
log(“Senha:+this.Senha”);
} 
}
登录功能将正确执行。并且您的home.module.ts(或者您为模块文件命名的任何文件)应该如下所示

@NgModule({
进口:[
公共模块,
FormsModule,
离子模块,
RouterModule.forChild([
{路径:'',组件:主页}
])
],
声明:[主页]
})
导出类HomeModule{}

您必须在组件类而不是模块中定义
login()
函数。请将模块类和组件类分离到单独的文件中。您的home.page.ts文件应该如下所示

@组件({
选择器:“应用程序主页”,
templateUrl:'home.page.html',
})
导出类主页{
Usuário:字符串;
森哈:弦;
构造函数(公共navCtrl:NavController){}
登录(){
log(“Usuário:+this.Usuário”);
log(“Senha:+this.Senha”);
} 
}
登录功能将正确执行。并且您的home.module.ts(或者您为模块文件命名的任何文件)应该如下所示

@NgModule({
进口:[
公共模块,
FormsModule,
离子模块,
RouterModule.forChild([
{路径:'',组件:主页}
])
],
声明:[主页]
})
导出类HomeModule{}

在命名变量(在任何编程语言中)时,请不要使用像
'
这样的标点符号。在命名变量(在任何编程语言中)时,请不要使用像
'
这样的标点符号。没关系,但是css文件中的所有操作都不喜欢面板大小的颜色…您必须在组件装饰器中定义指向css文件的
样式URL
属性。没关系,但是css文件中的所有操作都不喜欢面板大小的颜色…您必须定义指向css的
样式URL
属性组件装饰器中的文件。