コンポーネント内でセレクタが宣言されていても、Angularがテンプレート内のセレクタを認識しない

Question

Angularがコンポーネントセレクタを参照することができない理由を解決できません。私はリスト項目をクリックすると、ページに別のテンプレートhtmlが表示されます。これは私のコードです。

「message-component」は既知の要素ではありません： 1. 'message-component'がAngularコンポーネントの場合は、それがこのモジュールの一部であることを確認してください。 2. 'message-component'がWebコンポーネントの場合、このコンポーネントの '@ NgModule.schemas'に 'CUSTOM_ELEMENTS_SCHEMA'を追加して、このメッセージを表示しないようにします。

Messages.component.html

 <div id="Case" class="w3-container city" style="display:none"> 
    <h2>Case</h2> 
    <message-case> </message-case> 
    </div> 

メッセージコンポーネントがNgModuleの両方で、コンポーネント内で宣言し、インポートされたとき、それは私にこのエラーを与えている理由を私は理解していません。

Messages.Module.ts

@NgModule 
({ 
    imports: [SharedModule], 


    declarations: [ 
     MessagesComponent, 
     MessageCaseComponent, 

     MessagesFilterPipe, 
     CreateMessageComponent, 

    ], 

}) 

最後に、これは私がすべてのヘルプはいただければ幸いコンポーネントセレクタに

import { Component, OnInit } from '@angular/core'; 
import { IMessage } from './message'; 
import { ActivatedRoute, Router, Params } from '@angular/router'; 
import {MessagesComponent} from './messages.component'; 
import {CreateMessageComponent} from './createmessage.component'; 
@Component 
({ 
    moduleId: module.id, 
    selector: 'message-case', 
    templateUrl: 'message-case.html' 
}) 

を使用して表示しようとしているファイルです！私は一見死んで終わったようです。

Answer 1

Firstable名前のファイルが間違っている、あなたは

「Messages.component.html」

とテンプレート必見のパスが含まれています「./」それはである場合の説明では、このファイル名をパット同じフォルダが他のフォルダにある場合は、相対パスのフォルダ/ファイルを置く必要があります。

@Component 
({ 
    moduleId: module.id, 
    selector: 'message-case', 
    templateUrl: './Messages.component.html' 
})