Kontrolle Aktivieren und Deaktivieren von Steuerelementen mit Formulargruppe Winkel 2

Question

ich bin neu in Winkel 2 und ich habe die folgende Frage: Ich habe ein Formular in Angular 2 geschrieben. Das Formular enthält mehrere Steuerelemente. Die Steuerung hängt voneinander ab. Zum Beispiel:

Example diagram

wenn radioButton1 ausgewählt zeigen dann option1, option2, option3 im nächsten lavel. oder wenn RadioButton2 ausgewählt ist, dann zeige Option3, Option4, Option5 in der nächsten Ebene. und wenn radioButton1 und opetion2 ausgewählt sind, dann zeige Option 6 in der dritten Ebene. usw.

was ist der beste Weg, es in Angular2 zu tun? Kann ich FormGroup verwenden?

Answer 1

Verwenden Sie 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>