2017-03-20 4 views
2

부울 요소 표시에 문제가 있습니다.각도 표시 및 숨기기

: 나는 구성 요소의 기능을 설정하면 요소가

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

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

및 구성 요소를 숨기고되지

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

: 내가 HTML에 표시 숨기기 요소를 설정하기 위해 노력하고있어 경우처럼 작동

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

내가 뭘 잘못하고있어?

답변

3

[숨김]을 사용하는 것은 Angular2에 권장되지 않습니다. 더 나은 사용 ngIf 조건. 이 방법으로 :

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

더 당신은


here 편집 읽을 수 있습니다 Additionaly, 당신이 당신의 isTextVisible 속성의 부모를 잊지 생각합니다. 해야 할 것 : *ngIf="model.isTextVisible" ??

+0

죄송합니다. ngIf (으)로 변경하는 것을 잊어 버렸습니다. 나는 그것이 작동합니다 희망과 함께 숨겨진 시도 : – Vitaliy

+1

그것은 도움이 되었습니까? 문제가 [숨겨진] attr이거나 "모델"을 잊어 버린 경우 궁금합니다. before isTextVisible –

+1

예, 도움이되었습니다. 해결책은 모델을 추가하는 것을 잊었습니다 ...) – Vitaliy