角度材料对话框模态错误

Question

这是第一次使用 angular 4 和材料设计，我试图用 angular material design 创建一个模态窗口并拥有这两个文件：

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

}

还有这个：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 的按钮时，模式应该打开，但我收到此错误消息 No component factory found for RoomDialogComponent. Did you add it to @NgModule.entryComponents?

任何想法

Answer 1

你按照错误说的做了吗？

你添加到入口组件了吗？？？？

@NgModule({
entryComponents: [
    YourDialogComponent
  ]
})