javascript – 在Angular JS上悬停时添加类

前端之家收集整理的这篇文章主要介绍了javascript – 在Angular JS上悬停时添加类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用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">

在您开始提出问题之前,请先自行定位自己

原文链接:https://www.f2er.com/js/156438.html

猜你在找的JavaScript相关文章