要解决Angular 8和Material缺失的问题,可以按照以下步骤进行操作:
npm install -g @angular/cli
创建新项目的命令如下:
ng new my-app
cd my-app
ng add @angular/material
安装过程中,会提示你选择一个主题和一些预定义的样式。根据自己的需求进行选择,并按照提示完成安装。
安装完成后,打开项目文件夹中的src/app/app.module.ts
文件,并按照下面的代码示例进行修改:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
MatButtonModule,
MatIconModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
在这个示例中,我们导入了MatButtonModule
和MatIconModule
,以便在应用中使用Angular Material提供的按钮和图标组件。
src/app/app.component.html
文件中,可以添加以下代码示例:
favorite
这样,你就可以使用Angular Material提供的按钮和图标组件了。
注意:如果之前已经创建了一个Angular项目,可以按照上述步骤中的第2步和第4步进行操作,以在现有项目中添加Angular Material。