Afficher et masquer angulaire 2

Question

Problème lié à l'affichage de l'élément booléen. Si je suis en train de mettre en élément show hide en html, il fonctionne comme:

<p class="post-more-text" (click)="model.isTextVisible = !model.isTextVisible;">{{model.moreOrLessValue}}</p> 

Si je mets une fonction dans le composant, l'élément ne se cache pas

<p *ngIf="isTextVisible"> 
    {{model?.morePostText}} 
</p> 

<p class="post-more-text" (click)="onMoreInfoClick(model)">{{model.moreOrLessValue}}</p> 

et composants:

onMoreInfoClick(model) { 
    model.isTextVisible = !model.isTextVisible; 
} 

Qu'est-ce que je fais mal?

Answer 1

L'utilisation de l'attribut [hidden] n'est pas recommandée pour Angular2. Meilleure utilisation ngIf condition. de cette façon:

<p *ngIf="model.isTextVisible"> 
    {{model?.morePostText}} 
</p> 

Plus vous pouvez lire here

---

modifié: Additionnellement, je pense que vous oubliez de votre parent attribut isTextVisible. Devrait-il ressembler à: *ngIf="model.isTextVisible" ??