イオンタブ付きUIコンポーネント

Question

タブのヘッダー/ナビゲーションコンポーネントを作成しようとしていますが、イオンタブ付きコンポーネントの問題に直面しています。

それがエラーを発生させます：1. If ‘custom-header’ is an Angular component, then verify that it is part of this module.

私はそれはそれで正常に動作同じプロジェクトで通常のページに私のコンポーネントをロードしようとしています。 タブでは、ERRORが発生します。

ここに私のコードです。

navbar.html

<ion-header> 
     <ion-navbar> 
     <ion-title></ion-title> 

     <ion-chip> 
      <button ion-button clear color="light"> 
       <ion-icon class="fa fa-microphone"></ion-icon> 
      </button> 
      </ion-chip> 
     </ion-navbar> 
</ion-header> 

navbar.ts

私component.module.ts

@Component({ 
    selector: 'navbar', 
    templateUrl: 'navbar.html' 
}) 
import { NgModule } from '@angular/core'; 
import { NavbarComponent } from './navbar/navbar'; 
@NgModule({ 
    declarations: [NavbarComponent], 
    imports: [], 
    exports: [NavbarComponent] 
}) 
export class ComponentsModule {} 

私のタブメイン/親ページで私のセレクタ

import { NgModule } from '@angular/core'; 
import { IonicPageModule } from 'ionic-angular'; 
import { DashboardPage } from './dashboard'; 
import { ComponentsModule }from '../../components/components.module'; 

@NgModule({ 
    declarations: [ 
    DashboardPage, 
    ComponentsModule 
    ], 
    imports: [ 
    IonicPageModule.forChild(DashboardPage), 
    ComponentsModule 
    ] 
}) 
export class DashboardPageModule {} 

私はappreciated.Thankあなたになりapp.module.ts
任意のヘルプで、このコンポーネントを追加しました。

Answer 1

あなたは、あなたのタブページのmoduleにimportsComponentsModuleに必要な、declarationsとexports section.After下Components.module.tsファイルに追加する必要があります。ご質問がありましたらお知らせください。

Answer 2

あなたはnavbar.ts

import { NavController } from 'ionic-angular'; 
... 
constructor (public navCtrl: NavController) { 
    ... 
}