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

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

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

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

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


angular-components angular5 ng-class
person Ritesh Arora    schedule 30.08.2018    source источник

Ответы (2)


arrow_upward
0
arrow_downward

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

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

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

person Sanoj_V    schedule 30.08.2018
comment
@RiteshDoomra не забудьте принять ответ, если это поможет вам - person Sanoj_V; 30.08.2018

arrow_upward
0
arrow_downward

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

<div (click)="showThis = true"></div>
<div *ngIf="!showThis "></div>
<div *ngIf="showThis ">
  <another-screen></another-screen>
</div>
person Shashank Vivek    schedule 30.08.2018