en/material-design/angular-material/api/input

Angular Material Input 组件

Angular Material 提供了一系列的输入组件，用于构建用户友好的表单。以下是关于 Angular Material API 中输入组件的概述。

常用输入组件

• Input: 基础的单行文本输入。
• Textarea: 多行文本输入。
• Select: 下拉选择框。
• Checkbox: 复选框。
• Radio Button: 单选按钮。

示例代码

<!-- 基础输入 -->
<input matInput [(ngModel)]="inputValue" placeholder="Enter text">

<!-- 多行文本输入 -->
<textarea matInput [(ngModel)]="textareaValue" placeholder="Enter text"></textarea>

<!-- 下拉选择 -->
<select matSelect [(ngModel)]="selectedValue">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>

<!-- 复选框 -->
<mat-checkbox [(ngModel)]="checked">Check me!</mat-checkbox>

<!-- 单选按钮 -->
<mat-radio-group [(ngModel)]="selected">
  <mat-radio-button value="1">Option 1</mat-radio-button>
  <mat-radio-button value="2">Option 2</mat-radio-button>
</mat-radio-group>

更多信息

要了解更多关于 Angular Material 输入组件的信息，请访问官方文档。

Angular Material 输入组件文档

Angular Material Input 示例