Hola quiero mostrar u ocultar un div, dependiendo si tiene o no información desde el servidor.
Me explico, tengo un formulario que al hacer una llamada al servidor me devuelve unos datos, en esos datos hay un input que esta dentro de un div y debe mostrar la información de las corporaciones pero a veces no existen esas corporaciones entonces lo que busco es que si ese input tiene información me lo muestre y si no tiene entonces oculte el div.
Aquí mi HTML
Quiero ocultar todo el div donde esta el *ngIf
<div *ngIf='showDiv()' >
<div class='col-6'>
<label for='corporation'>Corporación</label>
<input type='text' fullWidth disabled id='corporation'>
</div>
<div class='col-6'>
<label for='employee'>Empleado</label>
<input type='text' fullWidth [value]='corp.employee?.name' disabled id='employee'>
</div>
</div>
Y en el TypeScript tengo la siguiente función, aquí me esta mostrando en la consola cuando tiene me muestra que si tiene y cuando no, pues no
showDiv(): void{
if (corp.employee?.name == null){
console.log('no tengo corporación');
}else {
console.log('Si tengo corporación');
}
}
Cuando no tiene corporación por defecto el valor es null
¿Cómo puedo realizar esto?