web-dev-qa-db-ja.com

Angular 2-ngShowと同等？

ドキュメントの私の解釈によれば、デフォルトで要素を非表示にし、リンクがクリックされたときに表示されるようにしたい場合、次のように動作するはずですか？

  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>

ただし、これは機能しません。また、エラーも生成しません。私は何が欠けていますか？

javascripthtmlangulartypescript
13
Max Griffin

使用しているAngular 1ディレクティブ。Angular 2使用*ngIf非表示またはHTMLの非表示プロパティにバインドするときにDOMに存在する必要がないコンポーネントの場合[hidden]コンポーネントを常にDOMに入れたいが、CSSで非表示にする場合。

例えば：

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

または

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

Angular 1 to Angular 2 reference

* ngIf

29
shusson