如何在角度2的材料选择框中显示md-error？

在Angular中，可以使用Angular Material库来实现在角度2的材料选择框中显示md-error。md-error是Angular Material库中的一个指令，用于在表单控件的错误状态下显示错误消息。

要在角度2的材料选择框中显示md-error，可以按照以下步骤进行操作：

1. 首先，确保已经安装了Angular Material库。可以通过在终端中运行以下命令来安装Angular Material：

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

1. 在应用的模块文件（通常是app.module.ts）中导入所需的Angular Material模块。至少需要导入MatSelectModule和MatFormFieldModule模块。例如：

import { MatSelectModule } from '@angular/material/select';

import { MatFormFieldModule } from '@angular/material/form-field';

@NgModule({

 imports: [

   // 其他模块

   MatSelectModule,

   MatFormFieldModule

 ],

 // 其他配置

})

export class AppModule { }

1. 在模板文件中使用mat-error指令来显示错误消息。例如：

<mat-form-field>

 <mat-label>选择框</mat-label>

 <mat-select [(ngModel)]="selectedOption" required>

   <mat-option value="option1">选项1</mat-option>

   <mat-option value="option2">选项2</mat-option>

   <mat-option value="option3">选项3</mat-option>

 </mat-select>

 <mat-error>请选择一个选项</mat-error>

</mat-form-field>

在上面的示例中，mat-error指令被放置在mat-form-field元素内部，并且在选择框未选择任何选项时显示错误消息。

1. 在组件类中定义selectedOption属性，并在需要的情况下设置该属性的值。例如：

export class MyComponent {

 selectedOption: string;

}

在上面的示例中，selectedOption属性用于存储选择框的选中值。

通过以上步骤，就可以在角度2的材料选择框中显示md-error。当选择框未选择任何选项时，md-error会显示错误消息。可以根据具体的需求进行样式和验证的自定义。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网
• 腾讯云云服务器（CVM）
• 腾讯云云数据库 MySQL 版
• 腾讯云云原生容器服务（TKE）
• 腾讯云人工智能
• 腾讯云物联网（IoT）
• 腾讯云移动开发
• 腾讯云对象存储（COS）
• 腾讯云区块链服务（BCS）
• 腾讯云元宇宙