tengo un problema al querer mostrar un boton diferente de acuerdo a la opcion seleccionada en un radiobutton.
el problema es que tengo que dar 2 o 3 clicks a la primera opcion del radiobutton para que me reconozca el valor, quisiera saber si hay una forma de poder establecer la primera opcion como valor predeterminado y que se ejecute automaticamente la funcion a penas carge
Este es mi codigo
Component.ts
onChange(modificar) {
console.log("modificar ", modificar);
if (modificar == "modificar") {
document.getElementById('ifYes').style.display = "block";
} else if(modificar == "nuevo"){
document.getElementById('ifYes').style.display = "none";
}
}
html.
<div class="ui-g-12">
<p-radioButton name="modificarp" value="modificar" label="Agregar Pregunta" [(ngModel)]="modificar"
inputId="preopt1" (ngModelChange)="onChange(modificar)"></p-radioButton>
</div>
<div class="ui-g-12">
<p-radioButton name="agregar grupo" value="nuevo" label="Nuevo Grupo" [(ngModel)]="modificar"
inputId="preopt2" (ngModelChange)="onChange(modificar)"></p-radioButton>
</div>
</div>
</div>
//si es el valor es = a modificar deberia aparecer este boton
<div id="ifYes" style="display: none;" class="container-fluid" *ngIf="modificar === 'modificar'">
<h5 class="first"><strong>Seleccione el Grupo Donde va a Agregar la Pregunta:</strong></h5>
<span class="ui-float-label">
<p-dropdown [options]="grupo" [(ngModel)]="selectedGrupo" placeholder="Seleccione el Grupo"
optionLabel="grupo_nombre" [showClear]="true"></p-dropdown>
</span>
<div class="container-fluid">
<div class="ui-g">
<div class="ui-g-5"></div>
<div class="ui-g-2">
<button type="button" (click)="agregarpregunta(selectedGrupo.id)" pButton label="Agregar"
class="ui-button-success"></button>
</div>
</div>
</div>
</div>
// si no, deberia aparecer este boton
<div class="container-fluid" *ngIf="modificar === 'nuevo'" >
<button type="button" (click)="CrearGrupo()" center pButton label="Siguiente"
class="ui-button-success"></button>
</div>