我正在尝试使用Angular将li元素悬停在下面的代码中时添加一个类
<li ng-mouseenter="cola-selected=true" class="pull-left" ng-class="{'selected' : cola-selected}">
<a href="interna.html">
<img src="assets/images/cola.png">
</a>
</li>
这是页面将具有的所有功能,因此我可能不一定为js添加新的js文件.
当鼠标进入li时,它应该选择新的类.它上面的代码不起作用,我无法弄清楚原因.
这是我在小提琴上的代码示例：https://jsfiddle.net/mjrmeffc/
解决方法
如果您可以在角度应用程序中编写逻辑,为什么还需要一个额外的文件？
我假设你使用ng-app并且有一个所谓的javascript文件,你的逻辑是,你应该把它包含在这里.
<div ng-app>
<div
class="italic"
ng-class="{red: hover}"
ng-mouseenter="hover = true"
ng-mouseleave="hover = false">
Test 1 2 3.
</div>
</div>
注意我在另一个stackoverflow问题中发现了这个问题,请先正确使用谷歌搜索,我没有足够的声誉来标记你的问题,或发表评论.
*编辑*
看来你还不熟悉AngularJS.你需要包含你的’app.js’或’script.js’.在那里,您可以使用定义应用程序
var app = angular.module('yourappname',[/* add your dependencies here*/]);
//Other logic like controllers or services
你的HTML应该是
<div ng-app="yourappname"> <div ng-controller="yourController">
在您开始提出问题之前,请先自行定位自己
