2017-03-20 13 views
2

ブール値要素の表示に問題があります。アングル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状態。

​​

もっとあなたが編集したhere


を読むことができます:このようにAdditionaly、私はあなたのisTextVisible属性の親を忘れていると思います。それは次のようになりますか?*ngIf="model.isTextVisible" ??

+0

申し訳ありませんが、ngIfに変更を忘れました。私はそれが働くことを期待して隠されたと試みた: – Vitaliy

+1

それは助けた?問題が[隠された] attrであったか、あなたが "モデル"を忘れてしまったのか不思議です。前にisTextVisible –

+1

はい、助けて、解決策はモデルを追加することを忘れていた...) – Vitaliy