如何为 ngx-admin 添加 angular/material

Question

我正在使用 ngx-admin 并且熟悉 Nebular 主题。但是我想为它添加 angular/material 。我在这个项目中使用了 lazyloading。我尝试通过 npm i @angular-materials/ngx-admin 命令为此安装 material。但它没有成功。我有一个名为 profile.

的组件

profile.component.html

<mat-card>
    <mat-card-header>
        <mat-toolbar class="toolbar">
            <mat-card-title>Contact List</mat-card-title>
            <span class="toolbar-spacer"></span>
            <mat-icon (click)="addContact()">add</mat-icon>
        </mat-toolbar>
    </mat-card-header>
</mat-card>

profile.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {
MatDialogModule,
MatToolbarModule,
MatIconModule,
MatCardModule
} from '@angular/material';
import { ProfileComponent } from './profile.component';

@NgModule({
declarations: [ProfileComponent],
imports: [
    CommonModule,

    MatDialogModule,
    MatCardModule,
    MatIconModule,
    MatToolbarModule
]
})
export class ProfileModule {}

我想将 angular/material 与此集成。那我该怎么做呢

Answer 1

将此主题导入您的 styles.css 文件。它会给你 material 主题

  @import "~@angular/material/prebuilt-themes/indigo-pink.css";

如何为 ngx-admin 添加 angular/material

How add angular/material for ngx-admin

typescript

angular

ngx-admin