我正在尝试使用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/
@R_403_323@
如果您可以在角度应用程序中编写逻辑,为什么还需要一个额外的文件?
我假设你使用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">
在您开始提出问题之前,请先自行定位自己