'tables-basic'はAngularコンポーネントであり、それがこのモジュールの一部であることを確認します

Question

私はセレクタとして 'tables-basic'を宣言したtable-basic.component.tsを持っています。 dashboard.htmlと私は以下のプロセスに従っていたが、私はまだ以下に述べるエラーがあった。

マイdashboard.template.html、

<div href='#tab2'> 
     <div id='tab2'> 
     <tables-basic></tables-basic> 
     </div> 
    </div> 

マイTS、

import { Component, ViewEncapsulation } from '@angular/core'; 
import { TablesBasic } from '../tables/basic/tables-basic.component'; 
import { AppConfig } from '../app.config'; 

@Component({ 
    selector: 'dashboard', 
    templateUrl: './dashboard.template.html' 

}) 
export class Dashboard { 
    config: any; 
    month: any; 
    year: any; 
} 

エラー、

main.browser.ts:25Error: Template parse errors:(…)(anonymous function) @ main.browser.ts:25ZoneDelegate.invoke 
     @ zone.js:203Zone.run 
     @ zone.js:96(anonymous function) 
     @ zone.js:462ZoneDelegate.invokeTask 
     @ zone.js:236Zone.runTask 
     @ zone.js:136drainMicroTaskQueue 
     @ zone.js:368ZoneTask.invoke 
     @ zone.js:308 

私は、いずれかの助けをしてくださいお勧めすることができ、このエラーについて知りません。

Answer 1

parentコンポーネントモジュールの宣言にTableBasicComponentを追加する必要があります。

import { TableBasicComponent } from 'path/to/component' 

@NgModule({ 
    declarations: [ 
    TableBasicComponent // < --- added here 
    ], 
    imports: [ 
    ], 
    providers: [] 
}) 
export class DashboardModule { }