角2：1番目のdivで2番目のdivを表示し、2番目のクリックで1番目のdivを表示

Question

私は2つのdivを持っています。 1番目のdivをクリックして2番目のdivを表示し、2番目のdivをクリックすると1番目のdivを表示したいデフォルトでは、1番目のdivが表示されます。

backClick:boolean ; 
 

 
ngOnInit() { 
 
    this.backClick = true; 
 
}

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

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

すべてのヘルプは素晴らしいことです。

ありがとうございます。

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の場合、それはそうでない場合、それを隠す、第一のdivを示しており、第二のdivを示しています。 これが役立つことを願っています。