Überprüft Optionsfeld

Question

Ich muss wissen, ob ein Optionsfeld ausgewählt wurde, um andere Optionen ein-/auszublenden.

divOption muss angezeigt werden, wenn es ausgewählt wurde. ist es richtig? ¿

Answer 1

Ich würde nur eine neue boolesche Variable in der Komponente erstellen, die Sie als wahr festlegen, wenn Optionsfeld aktiviert wurde. Mit diesem booleschen Wert zeigen Sie dann das div an. So zum Beispiel:

isChecked: boolean = false; // our new variable 

<input type="radio" name="x" (click)="isChecked = true"> 

<div *ngIf="isChecked"> 
    <!-- Your code here --> 
</div> 

EDIT: In Bezug auf mehrere Radiobuttons ... wie in einem Kommentar erwähnt, Radio-Buttons an dieser Stelle scheinen Art mit kantigem Buggy sein. Ich habe herausgefunden, dass der einfachste Weg, mit Radioknöpfen umzugehen, ein Formular zu sein scheint. So wickeln Sie Ihre Radio-Buttons in einer Form, etwa so:

<form #radioForm="ngForm"> 
    <div *ngFor="let val of values"> 
     <input (change)="changeValue(radioForm.value)" type="radio" [value]="val.id" name="name" ngModel />{{val.name}} 
    </div> 
    </form> 

während auf Optionsfeld wie folgt aus in diesem Beispiel aussehen:

{ 
    id: 1, 
    name: 'value1' 
} 

In der Form gibt es ein change Ereignis, von dem Wir nehmen den gewählten Radio Button Wert auf.

(change)="changeValue(radioForm.value)" 

Dann würde ich mit boolean und dem Wert nur spielen gewählt: here