控制使用表单组角度2启用和禁用控件

Question

我是角度2的新手，我有以下问题： 我有一个用Angular 2编写的表格。 该表单包含几个控件。 控件相互依赖。 例如：

Example diagram

如果选择了radioButton1，则在下一个lavel中显示option1，option2，option3。 或者如果选择了radioButton2，则在下一个lavel中显示option3，option4，option5。 如果选择了radioButton1和opetion2，则在第三个lavel中显示选项6。等

在Angular2中最好的方法是什么？我可以使用FormGroup吗？

Answer 1

使用NgSwitch。

https://angular.io/docs/ts/latest/api/common/index/NgSwitch-directive.html

<div>//radio button group</div>
<div [ngSwitch]="radiomodelvalue">
  <div *ngSwitchCase="value1">//option group 1</div>
  <div *ngSwitchCase="value2">//option group 2</div>
  <div *ngSwitchCase="value3">//option group 3</div>
 <div *ngSwitchDefault></div>
</div>