Fermer une fenêtre avec Angular

Bonjour, j'ai un modèle comme ceci pour .html :

Code:

---

1 2 3 4 5 6 7

<div class="panel-btn"> <button class="panel-btn close" title="Fermer la fenêtre" #fileInput id="close" (click)="onCloseChatWindow()" ></button> </div>

---

Et pour le .ts :

Code:

---

1 2 3 4

onCloseChatWindow(): void{   }

---

Je souhaite fermer/cacher ma class panel-btn lorsqu'un utilisateur clique sur la croix en haut à droite.

Je ne vois pas comment faire en TypeScript.

Merci de vos réponses.

Bonjour à toi,

Sais-tu au moins résoudre ton problème en JavaScript ? Si ce n'est pas le cas, je pense qu'il s'agit davantage d'un problème de compréhension du framework utilisé, si tu en utilises un, ou un problème de compréhension du DOM. Mais je crains que ce ne soit pas vraiment un problème lié au langage TypeScript si je ne m'abuse.

Je t'invite d'abord à poser ta question sur le forum JavaScript, qui englobe des problématiques plus généralistes, et si après tu as vraiment des soucis d'implémentation spécifique à TypeScript, je me ferais un plaisir de t'aider.

Bienvenue à toi parmi quoiqu'il en soit ;)

Merci pour ta réponse rapide.

Oui je vois comment résoudre ce problème sous Javascript, en utilisant la fonction window.close()
Cependant celle-ci ne fonctionne pas sous TypeScript.

Voici quand même ce que j'ai essayé de faire :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

@Component({ selector: 'window', template: './window.component.html', styleUrls: ['./window.component.css'] })   export class Window { @Output() close: EventEmitter<any> = new EventEmitter();   toggle() { this.close.emit(null); } }

---

Code:

---

1 2 3 4 5 6 7

<div class="window"> <div (click)="toggle()">Toggle</div> <div [hidden]="!visible"> <ng-content></ng-content> </div>   <window (close)="onCloseChatWindow($event)"></window>

---

J'ai essayé avant de créer un événement lorsque l'utilisateur clique mais je ne vois pas quoi mettre dans ma fonction.