Estoy enfrentando un problema extraño. Estoy usando angular 12 y después de renderizar, la página no muestra la plantilla ngIF. la entrada solo se carga después de recargar la página
...imports @Component ... export class VideoUploadComponent implements OnInit { ... variables ... isFile: boolean= true; constructor( ... ) { this.isFile = true; } ngOnInit() { } ... Component functions ... onRadioboxChange(event: any) { this.isFile = !this.isFile; console.log(this.isFile); } }aquí está el html
<form ... > ... <input ... (change)="onRadioboxChange($event)" /> <label class="btn btn-outline-primary" for="url">Endereço</label> </div> <div class="mb-3 mx-auto"> <div *ngIf="isFile; else endereco"> ... /> </div> </div> </div> <ng-template #endereco> ... </div> </ng-template> </div> <div class="form-item"> ... </form> </div>¿Podría alguien ayudarme con este asunto? texto enfatizado
problema resuelto.
el *ngIf no mostraba el contenido porque no estaba usando routerLink para navegar a la página
antes de
<li> <a class="dropdown-item nav-item" href="#/upload"**> Cadastrar</a> </li>Solución:
<li> <a class="dropdown-item nav-item" [routerLink]="['/upload']"> Cadastrar</a> </li>