Question

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

在/app/app.component.ts
```
newTrustFormVisible: false;
```

在/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中的组件，或者如果您希望组件始终位于DOM中但隐藏在DOM中，则绑定到HTML隐藏属性[hidden] CSS。

e.g：

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

或

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

Angular 1 to Angular 2 reference

*ngIf

Angular 2 - ngShow相当于？

1 个答案: