Angular 显示和隐藏角度2
显示布尔元素有问题。如果我试图在html中设置show hide元素,其工作原理如下:Angular 显示和隐藏角度2,angular,show-hide,Angular,Show Hide,显示布尔元素有问题。如果我试图在html中设置show hide元素,其工作原理如下: <p class="post-more-text" (click)="model.isTextVisible = !model.isTextVisible;">{{model.moreOrLessValue}}</p> 我做错了什么 不建议对Angular2使用[hidden]属性。最好使用ngIf条件。这样: <p *ngIf="model.isTextVisible">
<p class="post-more-text" (click)="model.isTextVisible = !model.isTextVisible;">{{model.moreOrLessValue}}</p>
我做错了什么 不建议对Angular2使用[hidden]属性。最好使用ngIf条件。这样:
<p *ngIf="model.isTextVisible">
{{model?.morePostText}}
</p>
{{model?.morePostText}
你能读的更多
编辑:另外,我认为您忘记了isTextVisible属性的父级。它应该是这样的:
*ngIf=“model.isTextVisible”
?对不起,忘了更改为ngIf。我试着隐藏着希望它会起作用:)它有帮助吗?我很好奇问题是[hidden]attr还是您忘记了“model”。在isTextVisibleyes之前,解决方案是忘记添加model…)
onMoreInfoClick(model) {
model.isTextVisible = !model.isTextVisible;
}
<p *ngIf="model.isTextVisible">
{{model?.morePostText}}
</p>