Angular 2 typescript: So zeigen Sie Drop-down und Textbox basierend auf Optionsfeld

Question

Meine Benutzeroberfläche enthalten zwei Optionsfelder JA und NEIN, wie Drop-Down-und Textbox basierend auf diesen Radio Button-Werte anzuzeigen. Beispiel wenn der Benutzer auf YES radio klickt, dann muss das Dropdown-Menü angezeigt werden, wenn der Benutzer NO radio überprüft hat, dann sollte das Textfeld mit angular 2 typescript angezeigt werden. Bitte geben Sie einen Link an oder helfen Sie mir.

Answer 1

Hier ist ein einfaches Beispiel, ohne Ihren Code zu sehen. Wenn Sie ein Codebeispiel geben könnten, kann ich mehr ausführen.

<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

Kleine Änderungen an Ahlortry's Antwort als das wird leider nicht funktionieren. Die Werte der Optionsfelder sind nicht boolean, sondern string, daher müssen die Werte mit Stringwerten verglichen werden, hier habe ich "ja" und "nein" verwendet.

So:

<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'" /> 

Dies sollten Sie loslegen! :)