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

时间:2019-05-03 02:10:55

标签: angular typescript ngx-admin

我正在使用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 {}

我想与此集成角/材质。那我应该怎么做。

1 个答案:

答案 0 :(得分:1)

将此主题导入到您的styles.css文件中。它将为您提供实质性主题

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