ラジオボタンをチェック

Question

他のオプションを表示/非表示するラジオボタンが選択されているかどうかを知る必要があります。

<input #r4 type="radio" name="x"> 
<span>Group</span> 
<div class="subOption" *ngIf="r4.checked"></div> 

div.subOptionが選択されている場合は表示する必要があります。 正しいですか？¿

Answer 1

ラジオボタンがチェックされているときにtrueに設定するコンポーネントに新しいブール変数を作成するだけです。そのブール値でdivを表示します。だから、例えば：

isChecked: boolean = false; // our new variable 

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

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

EDIT：複数のラジオボタンのよう ...コメントで述べたように、ラジオボタンは、角とバギーのようなものも、この時点でいるようです。ラジオボタンを扱う最も簡単な方法は、フォームを使用しているようです。だから、そのような形で自分のラジオボタンをラップ：

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

ラジオボタンのに対し、この例では次のようになります。フォームで

{ 
    id: 1, 
    name: 'value1' 
} 

changeイベントが、そこから、そこにあります選択したラジオボタンの値を取得します。一緒にプレイする

changeValue(val) { 
    this.valueChosen = true; // shows div 
    this.chosenVal = val.name; // here we have the value chosen 
} 

plunker：

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

その後、私はちょうどブールと選択した値と遊ぶでしょうhere