Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 显示和隐藏角度2_Angular_Show Hide - Fatal编程技术网

Angular 显示和隐藏角度2

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">

显示布尔元素有问题。如果我试图在html中设置show hide元素,其工作原理如下:

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