显示和隐藏角度 2

【问题标题】：show and hide angular 2显示和隐藏角度 2
【发布时间】：2017-03-20 12:16:26
【问题描述】：

显示布尔元素时出现问题。如果我试图在 html 中设置显示隐藏元素，它的工作方式如下：

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

如果我在组件中设置函数，则元素不会隐藏

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

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

和组件：

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

我做错了什么？

【问题讨论】：

【解决方案1】：

Angular2 不推荐使用 [hidden] 属性。最好使用 ngIf 条件。这样：

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

更多你可以阅读here

edited：另外，我认为您忘记了 isTextVisible 属性的父级。它应该看起来像：*ngIf="model.isTextVisible" ??

【讨论】：