要使用 Angular 8 的 Angular Material 版本,需要先安装 Angular Material 和 Angular CDK。
首先,确保已经安装了 Angular CLI。如果没有安装,可以使用以下命令进行安装:
npm install -g @angular/cli
然后,在 Angular 8 项目的根目录下,使用以下命令安装 Angular Material 和 Angular CDK:
ng add @angular/material
此命令将自动安装最新版本的 Angular Material 和 Angular CDK,并将其添加到项目中。
安装完成后,可以在 Angular 组件中使用 Angular Material 组件。例如,可以在 app.module.ts
文件中导入所需的 Angular Material 组件:
import { NgModule } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatInputModule } from '@angular/material/input';
@NgModule({
imports: [
MatButtonModule,
MatInputModule
],
exports: [
MatButtonModule,
MatInputModule
]
})
export class MaterialModule { }
然后,在需要使用 Angular Material 组件的组件中导入 MaterialModule
:
import { Component } from '@angular/core';
@Component({
selector: 'app-my-component',
template: `
`
})
export class MyComponent { }
这是一个简单的示例,展示了如何在 Angular 8 中使用 Angular Material 版本的代码。在实际项目中,您还可以使用其他 Angular Material 组件和功能来创建更复杂的用户界面。