Javascript 如何在angular js中设置指令动画

从这里你可以看到 我有一个简单的项目查看器

HTML:

我的目标是当我将鼠标悬停在项目上时，使项目具有动画效果（更具体地说，是增大大小）。我曾尝试在脚本标记中将jquery添加到html中，但没有任何效果。我见过人们在他们的指令中使用“link:”，但我还没有看到一个明确的例子，可以在我的指令中实现它。我的挑战是我想通过angular而不是css来实现这一点

---

我真的很感谢你的帮助

无需触摸你的js，在css中这样做：

.project {
    transition:  0.2s;
}
.project:hover {
    transform: scale(1.2,1.2);

}

这是我的建议

---

好的，因为你真的想用angularjs来做这件事，我不建议你只是为了这个要求而执行它，只是为了演示和“教育”的目的，你可以这样做 使用

ng mouseover

，

ng mouseleave

和

ng class

<div ng-mouseover='project.isHovered = true' ng-mouseleave='project.isHovered = false' ng-class='{hovered: project.isHovered}' class="project" ng-repeat="project in projects">
        <projects-info info="project"></projects-info>
</div> 

---

无需触摸您的js，在css中这样做：

.project {
    transition:  0.2s;
}
.project:hover {
    transform: scale(1.2,1.2);

}

这是我的建议

---

好的，因为你真的想用angularjs来做这件事，我不建议你只是为了这个要求而执行它，只是为了演示和“教育”的目的，你可以这样做 使用

ng mouseover

，

ng mouseleave

和

ng class

<div ng-mouseover='project.isHovered = true' ng-mouseleave='project.isHovered = false' ng-class='{hovered: project.isHovered}' class="project" ng-repeat="project in projects">
        <projects-info info="project"></projects-info>
</div> 

---

谢谢，但出于教育目的，我想通过also@user5812721正确的方法是使用CSS动画。你应该学习如何在元素上切换类，以实现所需的动画效果。哦，好的，你如何使用angularjs/jquery进行切换？@user5812721我更新了我的答案，以演示你想要的内容谢谢，但出于教育目的，我想通过angularjs/jquery进行切换also@user5812721正确的方法是使用CSS动画。你应该学习如何在元素上切换类，以实现所需的动画效果哦，好的，那么你如何使用angularjs/jquery进行切换？@user5812721我更新了我的答案，以演示你想要的内容

.project {
    transition:  0.2s;
}
.project.isHovered {
    transform: scale(1.2,1.2);

}