Tenho 3 radio buttons, quando eu clicar em cada um deve aparecer um fomulário diferente. Procurei alguns exemplos, mas o que encontrei são apenas com duas opções.
Segue o código que tenho no momento
<div class="ui-g-12 ui-md-12 ui-lg-12 ui-fluid espacamento-baixo">
<div class="ui-g-3"><p-radioButton value="imagem" label="Imagem" inputId="imagem"></p-radioButton></div>
<div class="ui-g-3"><p-radioButton value="video" label="Video" inputId="video"></p-radioButton></div>
<div class="ui-g-3"><p-radioButton value="link" label="Link" inputId="link"></p-radioButton></div>
<div class="ui-g-3"><p-radioButton value="wistia"label="Wistia" inputId="wistia"></p-radioButton></div>
</div>
Estva fazendo testes com divs
<div class="toggle-panel" *ngIf="show" [hidden]="hidden" [style.visibility] = "visibility">
Teste
</div>
Essas são as funções que eu estava tentando
show = true;
hidden = false;
visibility = 'visible';
toggleShow(){
this.show = !this.show;
}
toggleHidden(){
this.hidden = !this.hidden;
}
toggleVisible(){
this.visibility = this.visibility == 'visible' ? 'hidden' : 'visible';
}