显示和隐藏角度2

Question

显示布尔元素有问题。如果我想在html中设置show hide元素，它就像：

<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;
}

我做错了什么？

Answer 1

不建议对Angular2使用 [hidden] 属性。更好地使用 ngIf 条件。这样：

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

您可以阅读here

编辑：另外，我认为您忘记了 isTextVisible 属性的父级。应该是这样的：*ngIf="model.isTextVisible" ??