自定義ionic2組件未發現

Question

我有這個代碼登錄組件：使用

import { LoginComponent } from '../../component/login/login'; 

和

export class QuestionsPage { 

    constructor(public navCtrl: NavController, public loginComponent: LoginComponent) { 

    } 

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) 
    } 
} 

我嘗試從頁的打字稿文件叫它

結果是：

[13:23:46] typescript：src/pages/questions/questions.ts，line：17 找不到名稱'LoginComponent'。

這是 「構造函數（公...」 行。

我該怎麼辦錯了嗎？

Answer 1

你你的組件添加到@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