angular4 - div 上的点击功能

Question

我只想在页面加载后看到 div-2，然后在单击 后div-2，我想隐藏div-2和显示div-1。

<div class="div-1"><p>content 1</p></div>
<div class="div-2" (click)="on = true"><p>content 2</p></div>

Answer 1

在您的组件ts文件中，您需要有一个标志来显示和隐藏 div，如下所示：

ts：

// set to true as we want to show div-2 at first 
public showDiv2: boolean = true;

在html我们将使用标志showDiv2来隐藏和显示两个 div：

html：

<div class="div-1" *ngIf="!showDiv2"><p>content 1</p></div>
<div class="div-2" *ngIf="showDiv2" (click)="showDiv2 = false"><p>content 2</p></div>

你可以在这里阅读更多ngIf