Si te encuentras con alguna parte que te causa duda puedes comentarlo y haremos todo lo necesario de ayudarte tan rápido como podamos.
Solución:
tu html
...
Tu mecanografiado
export class AppComponent
private isButtonVisible = true;
Esto debería hacer el trabajo. *ngIf oculta automáticamente el elemento, si la condición se evalúa falsepor lo que establecer la variable en false es suficiente.
El problema que veo aquí es que no controlas la visibilidad en ningún punto. Usando [ngClass] para agregar una clase específica, si se cumple una condición, o *ngIf es útil, cada vez que intenta cambiar elementos en la interacción del usuario.
Para más información sobre [ngClass]puede leer sobre su uso aquí: https://angular.io/api/common/NgClass
Puedes leer sobre *ngIf aquí: https://angular.io/api/common/NgIf
Especialmente la parte de “Uso común” debería ser interesante para usted.
Editar:
Al leer su comentario a continuación, parece que no se dio cuenta de lo que [hidden] y (click) en realidad hacer [hidden] controla la visibilidad del elemento, generalmente dependiendo de una determinada condición. (click) sin embargo, es una forma rápida de vincular un evento de clic a su elemento.
El uso de ambas herramientas permite ocultar un elemento, cambiando una variable, si un usuario hace clic en su elemento (el nuevo valor de la variable puede ser asignado por una función llamada por (click) o en línea, como se demuestra en el código de ejemplo).
Edit2: Sí, quisiste decir Angular2/4;) Así que esto debería hacer el trabajo.
Así es como puedes lograrlo:
En su componente.html:
… y en su AppComponent:
export class AppComponent
inboundClick = true;
outboundClick = true;
DEMOSTRACIÓN DE PLUNKER
Sección de Reseñas y Valoraciones
Si entiendes que te ha sido de utilidad este post, nos gustaría que lo compartas con otros juniors de esta manera nos ayudas a extender nuestra información.