on mousehover在Angular 2/4中显示和隐藏div

Question

使用Angular2在鼠标悬停时显示和隐藏div，我们如何在Angular2中鼠标悬停时显示和隐藏div。

Answer 1

<div (mouseover)="show = true" (mouseout)="show = false">Hello DIV</div>

<div *ngIf='show'>DIV to show/hide</div>

Working Example