Angular 2 Dialog不会打开

时间:2017-03-05 15:35:16

标签: html angular typescript

亲爱的Stackoverflow社区,

我对angular2 Dialog有一个问题,因为我在这里给你的错误是我的代码的狙击(我已经很多了,但我认为它们在这里可能不重要)

signup.component.ts文件:

import {Component, OnInit, NgZone, SimpleChanges} from '@angular/core';
import {MdDialog} from '@angular/material';

import template from './signup.component.html';

@Component({
    selector: 'signup',
    template
})
export class SignupComponent implements OnInit {

    constructor(private router: Router, private zone: NgZone, private formBuilder: FormBuilder, public dialog: MdDialog) {
    }
openDialog() {
        this.dialog.open(DialogOverviewExampleDialog);
    }
@Component({
    selector: 'dialog-overview-example-dialog',
    templateUrl: './dialog.html',
})
export class DialogOverviewExampleDialog {}

signup.component.html文件:

<h3 flex>Just<a (click)="openDialog()">Click here</a></h3>

和dialog.html:

<p>pls work</p>

我在Chrome控制台上收到此错误: 找不到DialogOverviewExampleDialog

的组件工厂

1 个答案:

答案 0 :(得分:1)

必须在NgModule的DialogOverviewExampleDialog字段中声明entryComponents组件。否则,角度编译器不知道该组件是在某处显示的(因为它的选择器不在任何模板中使用),因此它不会被编译。