角度js中鼠标悬停事件的链接

时间:2014-06-10 11:40:16

标签: angularjs

我正在寻找显示鼠标悬停事件子菜单的菜单(垂直)。子菜单应该完全位于所选主菜单列表的右侧。

我通过以下片段进入主菜单,重复ng。

<head>
     <title>Links on Hover AngularJS</title>
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js" type="text/javascript"></script>

     <script src="app.js" type="text/javascript"></script>
     <script src="LinksController.js" type="text/javascript"></script>
     <link rel="stylesheet" type="text/css" href="leftlinks.css">
</head>
<body>
     <div id='content' ng-app='leftlinks' ng-controller='LinksController'>
        <ul type='none'>
            <li ng-repeat="link in links"><a href="#" class="leftlinks">{{link}}</a></li>
        </ul>
     </div>
</body>
</html>



app.controller("LinksController", function($scope){
    $scope.links = ['link1','link2','link3','link4'];   
});

有人可以请我使用ng-mouseenter并离开活动。 TIA

1 个答案:

答案 0 :(得分:0)

希望这有帮助

<ANY
      ng-mouseenter="">
    ...
    </ANY>



<button ng-mouseenter="count = count + 1" ng-init="count=0">
  Increment (when mouse enters)
</button>
count: {{count}}

参考:https://docs.angularjs.org/api/ng/directive/ngMouseenter