Angular 2：在第一次div点击时显示第二个div，在第二次点击时显示第一个div

Question

我有2个div。我想在第一个div点击时显示第二个div并在第二个div点击时显示第一个div。默认情况下，应显示第1个div。

＆＃13;

＆＃13;

backClick:boolean ;

ngOnInit() {
   this.backClick = true;
}

＆＃13;

<div *ngIf="backclick==true">
<span (click)="help_screen=true">Click</span>
</div>

<div *ngIf="help_screen==true">
<span (click) = "backclick=true">Back</span>
</div>

＆＃13;

＆＃13;

＆＃13;

任何帮助都会很棒。

谢谢。

Answer 1

试试这个

backClick = true;

onToggle():void{
     this.backClick = !this.backClick;
}

您可以在声明值时设置初始值。如果需要，您不需要在ngOnInit中声明它。 并在您的模板

<div *ngIf="backClick">
<span (click)="onToggle()">Click</span>
</div>

<div *ngIf="!backClick">
<span (click) = "onToggle()">Back</span>
</div>

如果backclick为true，则显示第1个div，否则隐藏它并显示第2个div。 希望这会有所帮助。