angular2中的ngShow和ngHide如何实现

angular1中使用的ng-hide，在angular2中取消，使用属性[hidden]取代

<h3 ng-show="vm.favoriteHero">
  Your favorite hero is: {{vm.favoriteHero}}
</h3>

修改成

<h3 [hidden]="favoriteHero">
  Your favorite hero is: {{favoriteHero}}
</h3>

ng-show则条件取反

<h3 [hidden]="!favoriteHero">
  Your favorite hero is: {{favoriteHero}}
</h3>

但在使用中发现，hidden属性优先级低于display，经常失效。解决办法是在style中加入，提高hidden属性的优先级。

[hidden] { display: none !important;}

参考资料：http://stackoverflow.com/questions/35578083/what-is-the-equivalent-of-ngshow-and-nghide-in-angular2

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!