Discussion :

[bzh.floriane]

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[yahiko]

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

[bzh.floriane]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.