介绍:
Angular Material是一个由Angular团队开发的UI组件库,用于为台式机和移动Web应用程序构建设计组件。为了安装它,我们需要在项目中安装angular,一旦安装,您可以输入以下命令并下载。
安装语法:
ng add @angular/material
方法:
- 首先,使用上述命令安装角材。
- 完成安装后,从app.module.ts文件中的’@ angular / material / list’导入’MatListModule’。
- 导入“ MatListModule”后,我们需要使用
标记。 - 在
标记内,我们需要为每个项目或标签使用 标记。 - 我们需要同时包含
标记和 的角色属性。 - 对于
,我们需要为角色属性分配“ list”字符串,对于 ,我们需要为role属性分配“ listitem”字符串值。 - 完成上述步骤后,即可服务或启动项目。
代码实现:
app.module.ts:
Javascript
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { MatListModule } from '@angular/material';
import { AppComponent } from './example.component';
@NgModule({
declarations: [AppComponent],
exports: [AppComponent],
imports: [
CommonModule,
FormsModule,
MatListModule
],
})
export class AppModule {}
HTML
HTML
CSS
Javascript
app.component.html:
的HTML
HTML
CSS
Javascript
输出: