如何为 ngx-admin 添加角度/材质

Question

我正在使用ngx-admin，它熟悉Nebular 主题。但我想为它添加angular/material。我在这个项目中使用了lazyloading。 我尝试通过npm i @angular-materials/ngx-admin 命令为此安装材料。但它没有成功。我有一个名为 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 {}

我想将角度/材质与此集成。那我该怎么办呢。

Answer 1

将此主题导入您的styles.css 文件。它将为您提供材料主题

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