Agrego [hidden]="true" a un elemento HTML en Angular, pero el elemento aún está visible. Me di cuenta de que cuando elimino [] de hidden , el elemento ahora está oculto como se desea. ¿Por qué [hidden]="true" no funciona con corchetes? Veo muchas referencias a él en stackoverflow y en otros lugares, pero no puedo hacer que funcione. ¿Está esto en desuso?
prueba esto. Espero que te ayude.
<div [hidden]="'true'"><div/>Debería funcionar como explicaste. De lo contrario, algo más se sobrescribe oculto. Por ejemplo:
Algunos estilos pueden sobrescribir hidden . ¿Los estilos y las clases se pueden heredar de alguna parte?
<input [hidden]="true" style="display: block">Sería posible explícitamente no permitir eso. Esto podría ser útil si no desea cambiar las clases en conflicto en lugar de forzarlo.
[hidden] { display: none !important; } La alternativa podría ser usar dispaly: none :
<input [style.display]="'none'">Esta entrada está oculta pero aún en el DOM.
Gracias a todos por sus respuestas. Me acabo de dar cuenta de que esto se debe a que estoy tratando de usar esto dentro de index.html , que está fuera del punto de entrada de Angular.