Angular 2 - ngShow相当于？

Question

根据我对文档的解释,如果我希望能够默认隐藏元素,并在单击链接时显示,则以下内容应该有效吗？

1. 在/app/app.component.ts中

   newTrustFormVisible: false;
   

2. 在/app/app.component.html中

   <a href="#" (click)="newTrustFormVisible = !newTrustFormVisible;">[Add New]</a>
   
   <div ng-show="newTrustFormVisible" class="panel panel-default">
     ...
   </div>
   

但是,这不起作用.它也不会产生错误.我错过了什么？

Answer 1

您使用Angular 1指令.对于Angular 2,*ngIf用于隐藏隐藏时不需要在DOM中的组件,或者[hidden]如果希望组件始终位于DOM中但使用CSS隐藏,则绑定到HTML隐藏属性.

例如:

<div *ngIf="newTrustFormVisible" class="panel panel-default">

要么

<div [hidden]="!newTrustFormVisible" class="panel panel-default">

角度1到角度2参考

*ngIf