如何解决Angular Material对话框不会打开对话框,而是将内容放在页面底部
我遵循了有关如何向项目中添加材质对话框的教程,但这似乎无效。
我没有弹出对话框,而是在网站底部(like so)获得dialog.html文件的内容
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatDialogModule } from '@angular/material/dialog';
import { NewDialog } from './queue/current/current.component'
@NgModule({
declarations: [
AppComponent,NewDialog,],entryComponents: [
NewDialog,imports: [
BrowserModule,AppRoutingModule,BrowserAnimationsModule,MatDialogModule
],exports: [
MatDialogModule
],providers: [],bootstrap: [AppComponent]
})
export class AppModule { }
current.component.ts
import { Component,OnInit } from '@angular/core';
import {MatDialog,MatDialogConfig} from '@angular/material/dialog';
@Component({
selector: 'app-current',templateUrl: './current.component.html',styleUrls: ['./current.component.css']
})
export class CurrentComponent{
constructor(public dialog: MatDialog) {}
openDialog() {
const dialogRef = this.dialog.open(NewDialog);
dialogRef.afterClosed().subscribe(result => {
console.log(`Dialog result: ${result}`);
});
}
}
@Component({
selector: 'queue-new',templateUrl: 'new-dialog.html',})
export class NewDialog {}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。