通过鼠标指针调整角度5中的div水平和垂直

Question

我是角色5的新手。我必须实现通过鼠标指针调整div水平和垂直的大小。请帮我实现这个。

Answer 1

没有必要使用Angular来完成此任务，但是您可以使用[ngClass]绑定来添加和删除类。

角度方法：

HTML：

 <div (mouseenter)="modifyCssClass()" [ngClass]="myClasses"></div>

打字稿：

myClasses = "['default-class']"
modifyCssClass() {
    this.myClasses = "['new-class-with-horizontal-and-vertical-dims']"

}

纯CSS方法：

   div {
      width: 200px;
      height: 200px;
   }
   div:hover {
      width: 250px;
      height: 250px;
   }