如何在@angular/material中仅添加必要的UI组件

@angular/material是一个Angular UI组件库，提供了丰富的UI组件供开发人员使用。如果只需要添加必要的UI组件，可以按照以下步骤进行操作：

1. 安装@angular/material：在终端或命令提示符中导航到项目目录，并运行以下命令来安装@angular/material和@angular/cdk：

npm install --save @angular/material @angular/cdk

1. 导入所需的UI组件模块：在你的Angular项目的模块文件中，例如app.module.ts，导入你需要使用的UI组件模块。例如，如果你只需要使用按钮（Button）和输入框（Input）组件，你可以这样导入：

import { MatButtonModule } from '@angular/material/button';
import { MatInputModule } from '@angular/material/input';

1. 将UI组件模块添加到NgModule的imports数组中：在@NgModule装饰器中，将导入的UI组件模块添加到imports数组中。例如：

@NgModule({
  imports: [
    MatButtonModule,
    MatInputModule
  ],
  ...
})

1. 在组件模板中使用UI组件：现在你可以在你的组件模板中使用@angular/material中的UI组件了。例如，你可以在模板中添加一个按钮和一个输入框：

<button mat-button>按钮</button>
<input matInput placeholder="输入框">

这样，你就只添加了@angular/material中必要的UI组件，并可以在你的项目中使用它们了。

@angular/material的优势是它与Angular框架紧密集成，具有良好的可定制性和可扩展性。它提供了一致的设计语言和样式，并且易于使用和维护。@angular/material还提供了丰富的主题和预定义的样式，使得开发者可以轻松创建现代化的用户界面。

@angular/material相关产品和产品介绍链接地址，由于要求答案中不能提及具体品牌商，所以无法直接给出。但你可以通过搜索引擎或访问@angular/material官方网站，查找相关的产品和详细介绍。