How to assemble a reactive fomulario through an input radio?

Question

You guys can help me?

I built a radio component and depending on the value of it will be rendered a new form, follow my HTML

<div class="ui-g-12 ui-md-4 center-zone">
    <msp-radio-group id="caracteristicas" theme="boolean" label="Tem caracteristicas?" (click)="formReactive($event)"></msp-radio-group>
  </div>

  <div class="ui-g-12 ui-md-3" *ngIf="maisCaracteristicas">
    <msp-input-text id="teste" label="teste" tooltip="ajustar"></msp-input-text>
  </div>

And my ts:

formReactive(event: any) {
console.log(event)
if (event.value) {
  this.seguro = true;
}
else {
  this.seguro = false;
}

}

That is, that if the Boolean value is YES he render the field test, otherwise it will not render.

I don’t know what I did wrong, because it’s not working, you can help me?

Answer 1

Hello, I believe you are making the condition to "show" in the wrong field. Since you want to hide the element the "ngIf" must be linked to variable Behold :

<div ngIf="seguro"> .... seu conteudo aqui </div>

Or what variable you have set in your control class. Check this link to understand about ngIf This other link talks about events