Angular 角度材质组件在“材质”对话框中不工作`

我正在对话框中使用

mat表单字段

，

mat对话框关闭

和

ng model

属性。但它的抛出错误表示它不知道输入/按钮的属性

title-dialog.html

输入列名



好啊

编辑：刚刚注意到您的

标题DialogComponent

没有在

应用模块中声明。这可能是主要原因--

在
应用程序模块.ts
中

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    RangeSelectionDirective,
    TitleDialogComponent // <------- Add this
  ],
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    AppRoutingModule,
    MaterialModule,
    BrowserAnimationsModule,
    FlexLayoutModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})

你能在stackblitz.com上重现这个问题吗？你能发布你的模块导入的屏幕截图吗？你错过了相应模块中的导入（你在使用它们的每个模块中都需要它们，即使该模块是你的app.module的子模块）。例如，ngModel需要FormsModule。@Arunkumaramasamy我无法在中复制该问题stackblitz@lionbigcat我已使用imports plz Check编辑了该问题，将标题DialogComponent添加到
app.module
解决了该问题。。非常感谢
export class MyComponent implements OnInit {

    animal: string;
    titleDialogRef: MatDialogRef<TitleDialogComponent>; // <------ Added this
    constructor() {}
    ngOnInit(): void { this.openDialog(); }

    openDialog(): void {
        // Assign to titleDialogRef instead
        this.titleDialogRef = this.dialog.open(TitleDialogComponent, {
            width: '250px',
            data: {
                animal: this.animal
            }
        });

        this.titleDialogRef.afterClosed().subscribe(result => {
            console.log('The dialog was closed');
            console.log(result);
        });
    }


}