Angular Material 是一个 UI 组件库,用于构建现代的、响应式的 Web 应用。它提供了丰富的预定义样式和组件,可以帮助开发者更快速地构建漂亮的用户界面。
要使用 Angular Material 样式化你的应用,你需要先安装 Angular Material 和 Angular CDK(Component Dev Kit)库。可以通过以下步骤进行安装:
npm install @angular/material @angular/cdk
npm install @angular/animations
angular.json
文件,在 styles
数组中添加以下样式文件路径:"node_modules/@angular/material/prebuilt-themes/indigo-pink.css"
app.module.ts
文件中添加以下代码:import { MatInputModule } from '@angular/material/input';
import { MatButtonModule } from '@angular/material/button';
@NgModule({
imports: [
// ...
MatInputModule,
MatButtonModule
],
// ...
})
export class AppModule { }
app.component.html
文件中添加以下代码:
通过以上步骤,你就可以开始使用 Angular Material 样式化你的应用了。你可以根据需要导入其他的 Angular Material 组件,并在模板中使用它们来构建你的用户界面。