另一个下拉菜单中的下拉菜单 Angular

Question

我想在 Angular 的另一个菜单中创建一个下拉菜单。例如，第一个菜单（教师/学生）如果用户选择教师，则会有另一个菜单可供选择，其中包含 5 个选项。

targetTypeSelection() {
  const student= this.SchoolForm.get("targetType").value;
  console.log(student? "User selected student" : "User selected teacher");
  if (student) {
    this.doSomething();
  }
} 

---

<input type="radio" [value]="true" formControlName="targetType" (change)="targetTypeSelection()"/><label for="student">Student</label>
<input type="radio" [value]="false" formControlName="targetType" (change)="targetTypeSelection()"/><label for="teacher">teacher</label>
           

我想添加 2 个以上的选项，但 [value] 是 boolean ，我该怎么做？