双击Div上的角度附加到div

时间:2017-08-18 11:19:23

标签: angular typescript

当我双击它时,我试图找到一种在div中添加内容的方法。

所以我有一个div:

<div>Double click here</div>

我需要对Angular做什么,当我双击div时,我需要代码在div的其他地方添加“something”。

例如......

在我点击之前我有:

<div>Double click here</div>

在我双击之后我需要:

<div something>Double click here</div>

如何在Angular 2/4中执行此操作?

1 个答案:

答案 0 :(得分:3)

我认为你正在寻找这个:

<强> HTML

<div *ngIf="show" (dblcick)="show=!show">You see the first div</div>
<div *ngIf="!show" (dblclick)="show=!show">You see the second div</div>

或者如果您尝试在div上添加属性:

<强> HTML

<div [attr.something]="show ? true : null" (dblclick)="show=!show">Double click me to see the change</div>

Plunker