html - Angular 2 typescript: Jak zobrazit rozbalovací seznam a textové pole na základě zaškrtávacího tlačítka

Moje uživatelské rozhraní obsahuje dvě volby typu radio ANO a NE, jak zobrazit rozevírací seznam a textové pole na základě hodnot těchto radio tlačítek. Například pokud uživatel klikne na rádio ANO, je potřeba zobrazit rozevírací seznam, pokud uživatel vybere rádio NE, mělo by se zobrazit textové pole pomocí Angular 2 TypeScript. Prosím, někdo poskytne odkaz nebo mi pomůže to udělat.

Odpověď č. 1

Malé změny v odpovědi uživatele aholtry, protože to bohužel nebude fungovat. Hodnoty rádiových tlačítek nejsou boolean, ale string, takže hodnoty musí být kontrolovány proti řetězcovým hodnotám, zde jsem použil "yes" a "no".

Tak:

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

To by vám mělo pomoci začít! :)

Odpověď č. 2

Zde je jednoduchý příklad, aniž bych viděl váš kód. Pokud byste mohl poskytnout ukázku kódu, pak mohu více rozvést.

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