angularjs 材质ui中的我的对话框Angular 不起作用

fafcakar  于 2023-04-10  发布在  Angular
关注(0)|答案(1)|浏览(157)

我试着从材质UI使用对话框,问题是警报不识别材质类。就像不导入材质UI,“垫按钮”,“垫对话框关闭”和其他不起作用。只有Angular 灵活布局是可以的。
Don't recognize the material classes
我从这个例子中复制了代码:Example dialog链接:https://material.angular.io/components/dialog/examples示例:对话框元素
代码在我的ts中

import { Component } from '@angular/core';
import {MatDialog} from '@angular/material/dialog';

@Component({
  selector: 'app-norma-adscripcion',
  templateUrl: './norma-adscripcion.component.html',
  styleUrls: ['./norma-adscripcion.component.css']
})
export class NormaAdscripcionComponent {
  //DIALOG ALERT
  constructor(public dialog: MatDialog) {}

  openDialog() {
    this.dialog.open(NormaAdscripcionDialogComponent);
  }
}

@Component({
  selector: 'app-norma-adscripcion-dialog',
  templateUrl: './norma-adscripcion-dialog.component.html',
})
export class NormaAdscripcionDialogComponent {}

norma-adscripcion-dialog.component.html代码

<div fxLayout="column" class="mx-3">
<h1>Cambio Adscripcion (Norma)</h1>
<button  mat-raised-button color="primary"  mat-button (click)="openDialog()">Exit</button>

代码在norma-adscripcion.component.html中

ffscu2ro

ffscu2ro1#

我解决了这个问题,问题是我只调用了一个“HTML”,但我需要调用另一个组件,而不仅仅是一个HTML。

@Component({
  selector: 'app-norma-adscripcion-dialog',
  templateUrl: './norma-adscripcion-dialog.component.html',
})

相关问题