角度素材ダイアログモーダルエラー

Question

これは4角度と材料設計での作業は初めてです、角度の材料設計とモーダルウィンドウを作成し、この2つのファイルを持ってしようとしているイム：

roomlist.component

import { Component, OnInit, Inject } from '@angular/core'; 
import { RoomService } from '../../services/room.service'; 
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material'; 
import { RoomDialogComponent } from './dialogs/roomDialogs/room.dialog'; 


@Component({ 
    selector: 'app-roomlist', 
    templateUrl: './roomlist.component.html', 
    styleUrls: ['./roomlist.component.css'] 
}) 
export class RoomlistComponent implements OnInit { 
    public rooms: any; 
    public roomsFilter = { 
    date: new Date, 
    aviable: 'all', 
    globalSeach: '' 
    }; 
    constructor(public roomService: RoomService, public dialog: MatDialog) { 
    } 

    ngOnInit() { 
    this.getData(); 
    } 

    public getData(): any { 
    console.log(this.roomsFilter.date); 
    this.roomService.getRooms({ date: 'now' }) 
     .then((res) => { 
     this.rooms = res; 
     console.log(this.rooms); 
     }); 
    } 

    public openDialog(event, room): void { 
    const dialogRef = this.dialog.open(RoomDialogComponent, { 
     width: '250px', 
     data: room 
    }); 

    dialogRef.afterClosed().subscribe(result => { 
     console.log(result); 
    }); 
    } 

} 

と、この1：room.dialog

import { Component, Inject } from '@angular/core'; 
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material'; 

/** 
* @title Dialog Overview 
*/ 

@Component({ 
    selector: 'app-room-dialog', 
    templateUrl: './room.dialog.html', 
}) 
export class RoomDialogComponent { 

    constructor(
    public dialogRef: MatDialogRef<RoomDialogComponent>, 
    @Inject(MAT_DIALOG_DATA) public data: any) { } 

    onNoClick(): void { 
    this.dialogRef.close(); 
    } 

} 

モッズ私は、関数は、openDialogをトリガーするが、イムは、このエラーメッセージをgetingあるボタンを押すとアルが開きますNo component factory found for RoomDialogComponent. Did you add it to @NgModule.entryComponents?

任意のアイデア

Answer 1

エラーが言ったことをしましたか？

エントリコンポーネントに追加しましたか？

@NgModule({ 
entryComponents: [ 
    YourDialogComponent 
    ] 
})