web-dev-qa-db-fra.com

Angular 2 - ngShow équivalent?

Selon mon interprétation de la documentation, si je veux pouvoir masquer un élément par défaut et être affiché lorsqu'un lien est cliqué, les éléments suivants devraient fonctionner?

  1. Dans /app/app.component.ts

    newTrustFormVisible: false;

  2. Dans /app/app.component.html

    <a href="#" (click)="newTrustFormVisible = !newTrustFormVisible;">[Add New]</a>

<div ng-show="newTrustFormVisible" class="panel panel-default">
  ...
</div>

Cependant, cela ne fonctionne pas. Il ne produit également aucune erreur. Qu'est-ce que je rate?

javascripthtmlangulartypescript
13
Max Griffin

Vos directives d’utilisation Angular 1. Pour Angular 2, utilisez *ngIf pour les composants qui n'ont pas besoin d'être dans le DOM lorsqu'ils sont masqués ou qui sont liés à la propriété HTML masquée [hidden] _ si vous voulez que le composant soit toujours dans le DOM mais caché avec CSS.

par exemple:

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

ou

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

angulaire 1 à Angular 2 référence

* ngIf

29
shusson