Question

我用角度cli创建了我的角度项目。之后我遵循了本指南https://material.angular.io/guide/getting-started

现在一切都已到位我创建了一个这样的材料模块：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { MatButtonModule } from '@angular/material';

@NgModule({
  imports: [MatButtonModule],
  exports: [MatButtonModule],
})
export class MyOwnMaterialModule { }

在我的app.component.ts中我导入了MyOwnMaterialModule，如下所示：

import { Component } from '@angular/core';
import { MyOwnMaterialModule } from './myown-material.module';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'app';
}

在app.component.html中，我添加了一个按钮来测试材质设置，如下所示：

<button mat-button>Test</button>

页面加载但它只是一个普通的按钮。它看起来不像素材按钮。

我做错了什么？我进口了一切。

Answer 1

您需要将MyOwnMaterialModule导入 app.module.ts ，并在 @ NgModule imports: [...]下声明，而不是组件。

角度和材料不会加载样式

1 个答案: