Как показать селектор компонента при событии нажатия Angular5 - PullRequest
Новая
       7

Как показать селектор компонента при событии нажатия Angular5

0 голосов
/ 30 августа 2018

У меня проблема при отображении другого компонента при щелчке, вот мой код: 

<div (click)="showThis = true"></div>
<div class="" [ngClass]="{'hide': showThis}"></div>
<div class="" [ngClass]="{'show': showThis}">
  <another-screen></another-screen>
    </div>

отображает оба, сначала должен отображаться без щелчка, если событие щелчка, то сначала скрывается, а другой компонент отображает

означает, что применяется класс скрытия и шоу любая помощь Спасибо

Ответы [ 2 ]

0 голосов
/ 30 августа 2018

Почему вы не используете скрытый: 

<div (click)="showThis = true"></div>
<div class="" [hidden]="!showThis"></div>
<div class="" [hidden]="showThis">
    <another-screen></another-screen>
</div>

* ngIf удаляет html-элемент из DOM, но [hidden] используется для отображения none или блокирует html-элемент так же, как hide и show

0 голосов
/ 30 августа 2018

Почему бы не использовать *ngIf

<div (click)="showThis = true"></div>
<div *ngIf="!showThis "></div>
<div *ngIf="showThis ">
  <another-screen></another-screen>
</div>
...