0
votes

NGIF non fonctionnelle en HTML

HTML
<div *ngIf="isFilterPanelOpen == !isFilterPanelOpen">

TS
export class Component implements OnInit {
  isFilterPanelOpen: boolean = false; 
}
In my TS file, I am using isFilterPanelOpenas a boolean. and then checking the condition in the HTML. I actually want to show the filters on button click and hiding them on again click Am I doing it wrong?

typescript angular

1 commentaires

Qu'est-il arrivé à tellement?

4 Réponses :

0
votes

* ngif = "isfilterpanelopen ==! isfilterpanelopen n'est jamais vrai Une variable ne peut pas être la négate de sa soi

Essayez ceci * ngif = "isfilterpanelopen"

4 commentaires

Déjà essayé cela, cela n'est pas non plus fonctionnel:

Oui, car la condition est fausse, si vous définissez Isfilterpanelopen: boolean = false; à vrai, vous verrez la div et son contenu

En fait, je veux afficher les filtres en cliquant et masquer les filtres si le bouton est à nouveau cliqué.

Vous devez donc utiliser (cliquez) = "isfilterpanelopen =! Isfilterpanelopen" dans un élément HTML en tant que bouton pour afficher et masquer dynamiquement

0
votes

<div *ngIf="isFilterPanelOpen></div>

1 commentaires

La chose est de montrer les filtres en un clic et de cliquer à nouveau, les filtres se cacheront

2
votes

in ts file--->  
isFilterPanelOpen : boolean = false;

visibleMethod(){
  if(<<<<my condition>>>) this.isFilterPanelOpen=true;
  else this.isFilterPanelOpen=false;
  }
int htmll file ---
<div *ngIf="isFilterPanelOpen>Test</div>
 <button (click)="visibleMethod()">Please click to hide</button>
You can maket like that

0 commentaires

0
votes

Lind the Boolean Drapeau Bascule vers le bouton Cliquer sur le gestionnaire.

<button (click)="isFilterPanelOpen = !isFilterPanelOpen">Toggle filter</button>

<div *ngIf="isFilterPanelOpen">Filter open</div>

0 commentaires