如何通过按钮使用单选类型属性？ Angular2 +

Question

当前，我正在一个项目中，用户必须在几个不同的按钮之间进行选择，这将决定下一步显示什么，以帮助他们访问网站。

当我希望其他按钮根据用户选择的内容变灰时，问题就来了。然后，如果用户输入错误，然后单击其他按钮之一，则必须进行相同操作，并且其他按钮显示为灰色，如图所示：

现在，我使用的方法完全禁用了其他按钮，因此用户只能做出一个选择，如果他们做出了错误的选择，则必须重新加载页面才能更改其选项。

这是按钮的html：

<button class="typeInvestorSelect" (click)="personalInvestor()" [disabled]="personalButtonDisabled">Personal</button>
<button class="typeInvestorSelect" (click)="institutionalInvestor()" [disabled]="institutionalButtonDisabled">Insitutional</button>

HTML的解释：

该类仅用于样式。组件中的函数将另一个按钮的布尔值更改为true，以便将其禁用，请参见下文：

  personalInvestor() {
        this.institutionalButtonDisabled = true;
  }  

 institutionalInvestor() {
        this.showInstitutionalInvestorItems = true;
        this.personalButtonDisabled = true;
  }

从我的研究中，我已经看到单选按钮似乎仅具有复选框类型的输入。我有很多这样的多选按钮，因此我上面使用的方法对所有布尔值都造成了太多混乱。还有其他方法可以实现单选按钮的工作方式吗？我也有引导程序，如果它能以某种方式起作用？

欢迎提出任何建议，谢谢。