El problema es que estás malinterpretando algunas cosas. Si bien la respuesta que aparece en S.O. dice textualmente:
Because null == undefined is true
Realmente no se refiere a que sean iguales y puedas compararlas alegremente, de hecho te sugiero que en lo posible no hagas ese tipo de comparaciones. (Comparación de conversión de tipos)
Para solucionar tu problema tienes algunas opciones:
- Usar simplemente el operador
!
ante puesto a tu variable. En este caso te interesa ponerlo 2 veces. Más adelante explico el porqué. Sin embargo esto tiene un problema, ya que si la variable que recibes es numérica, y el cero (0) es un valor válido para mostrar el elemento, esta técnica no te servirá.
- Usar la comparación estricta. Esto tal vez sea lo más adecuado, ya que de esta forma te aseguras que sólo mostrarás el elemento si la variable es diferente de
undefined
en todo sentido.
Dicho esto, tienes estas dos formas de realizar la tarea:
// usando doble negación
<div id="elemento" *ngif="!!variable">
// usando comparación estricta
<div id="elemento2" *ngif="variable !== undefined">
En el primer caso se realiza una doble negación, que realiza una conversión de la variable a un tipo boolean
, cuyo valor será true
si la variable es truthy
(valor verdadero), y será false
si la misma es falsy
(valor no verdadero).
En el segundo caso, estamos realizando una comparación estricta. Dicha comparación (!==
) devolverá false
únicamente si la variable es de tipo undefined
, cualquier otro tipo distinto que tenga la variable, devolverá true
. Así, el elemento sólo se mostrará si la variable recibida es distinta de undefined
.
Espero que esto responda tu duda.