使用angular 7模板驱动表单在<select>中显示用户选择

Angular 7是一种流行的前端开发框架，它提供了丰富的功能和工具来构建现代化的Web应用程序。模板驱动表单是Angular中一种常用的表单处理方式，它通过模板来定义表单的结构和验证规则。

要在<select>中显示用户选择，可以按照以下步骤进行操作：

1. 在组件的HTML模板中，使用<select>元素来创建下拉列表框，并使用ngModel指令来绑定选择的值到组件的属性上。例如：

<select [(ngModel)]="selectedOption">
  <option *ngFor="let option of options" [value]="option">{{ option }}</option>
</select>

上述代码中，selectedOption是组件中的属性，用于存储用户选择的值。options是一个数组，包含了下拉列表中的选项。

1. 在组件的Typescript文件中，定义selectedOption和options属性，并初始化它们的值。例如：

export class YourComponent {
  selectedOption: string;
  options: string[] = ['Option 1', 'Option 2', 'Option 3'];
}

上述代码中，selectedOption用于存储用户选择的值，options是一个包含了选项的字符串数组。

通过以上步骤，就可以使用Angular 7模板驱动表单在<select>中显示用户选择。用户选择的值将会存储在selectedOption属性中，你可以根据需要进行后续处理。

关于Angular 7的更多信息和学习资源，你可以参考腾讯云的Angular产品介绍页面：Angular - 腾讯云。