我有一个使用以下代码的登录组件:
import { Injectable, Component } from '@angular/core';
import { Validators, FormBuilder } from '@angular/forms';
@Component({
selector: 'login',
templateUrl: 'login.html'
})
@Injectable()
export class LoginComponent {
login: any;
text: string;
constructor(private formBuilder: FormBuilder) {
this.text = 'Hello World';
}
ionViewLoaded() {
this.login = this.formBuilder.group({
title: ['', Validators.required],
description: [''],
});
}
doLogin(){
console.log(this.login.value)
}
}
我尝试使用以下命令从页面的打字稿文件中调用它
import { LoginComponent } from '../../component/login/login';
和
export class QuestionsPage {
constructor(public navCtrl: NavController, public loginComponent: LoginComponent ) {
}
结果是:
[13:23:46]打字稿:src / pages / questions / questions.ts,第17行:找不到名称“ LoginComponent”。
这是“ constructor(public ...”)行。
我做错了什么?
您是否已将组件添加到@NgModules声明数组中?
在您的中src/app/app.component.ts
,像这样添加它:
import { LoginComponent } from '../../component/login/login';
@NgModule({
declarations: [
..
LoginComponent
..
]
})
您可以在这里阅读更多内容https://github.com/driftyco/ionic/blob/master/CHANGELOG.md#copying-your-project-to-a-new-project和这里https://angular.io/docs/ ts / latest / guide / ngmodule.html
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句