角2文字：ラジオボタンに基づいてドロップダウンとテキストボックスを表示する方法

Question

UIには、ラジオボタンの2つのYESとNO、これらのラジオボタンの値に基づいてドロップダウンとテキストボックスを表示する方法があります。ユーザーがYESラジオをクリックしてドロップダウンを表示する必要がある場合、ラジオをチェックしてからテキストボックスに角2を使用して表示する必要があります。typescript.please誰かがリンクを提供します。

Answer 1

コードを見ずに簡単な例を示します。あなたがコード例を与えることができれば、私はもっと詳しく説明することができます。

<div> 
    <input type="radio" [(ngModel)]="radioValue" name="radioValue" value="true" />YES 
    <input type="radio" [(ngModel)]="radioValue" name="radioValue" value="false" />NO 
</div> 
<div> 
    <select *ngIf="!radioValue"> 
     <option>Some Option</option> 
    </select> 
    <input type="text" *ngIf="radioValue" /> 
</div> 

Answer 2

これは残念なことに動作しないので、aholtryの答えに小さな変更。ラジオボタンの値はbooleanではありませんが、stringなので、値を文字列値と照らし合わせる必要があります。ここでは「はい」と「いいえ」を使用しています。

ので：

<input type="radio" [(ngModel)]="radioValue" value="yes" />YES 
<input type="radio" [(ngModel)]="radioValue" value="no"/>NO 

<select *ngIf="radioValue == 'yes'"> 
    <option>Some Option</option> 
</select> 

<input type="text" *ngIf="radioValue == 'no'" /> 

これはあなたが始める必要があります！ :)