使用angular 7中的复选框检索所有性别值

在Angular 7中，可以使用复选框来检索所有性别值。复选框是一种常见的用户界面元素，用于选择多个选项。下面是一个示例代码，演示如何使用复选框来检索所有性别值：

在组件的HTML模板中，添加一个包含所有性别选项的复选框列表：

<div>
  <label>
    <input type="checkbox" [(ngModel)]="selectedGenders['male']"> 男性
  </label>
</div>
<div>
  <label>
    <input type="checkbox" [(ngModel)]="selectedGenders['female']"> 女性
  </label>
</div>
<div>
  <label>
    <input type="checkbox" [(ngModel)]="selectedGenders['other']"> 其他
  </label>
</div>

在组件的Typescript代码中，定义一个对象来存储选中的性别值：

selectedGenders: { [key: string]: boolean } = {
  'male': false,
  'female': false,
  'other': false
};

在组件的逻辑中，可以使用selectedGenders对象来获取选中的性别值：

getSelectedGenders() {
  const selectedValues = Object.keys(this.selectedGenders).filter(key => this.selectedGenders[key]);
  return selectedValues;
}

以上代码中，getSelectedGenders方法会返回一个包含选中性别值的数组。

这是一个简单的示例，你可以根据实际需求进行修改和扩展。在实际开发中，你可以将复选框的值与后端API进行交互，或者根据选中的性别值来执行其他操作。

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