ng-mouseover不起作用

Question

我有一个带有一些功能的控制器：

'use strict';

App.controller('MyController', function MyController($scope){

  var showDetails = function(item){
      var element = $(item).find('.details');
      element.slideDown();
 }

 var hideDetails = function(item){
    var element = $(item).find('.details');
    element.slideUp();
 }

var log= function(){
console.log("sadsa");
}

});

我在html中正确注入控制器，因为控制台中没有错误：

 <div class="container-fluid team-section" ng-controller="MyController">

问题在于，当我尝试从控制器触发某个功能甚至是警报（）时，ng-mouseover不起作用：

<div class="col-md-2 col-md-offset-1 team" ng-mouseover="log()" >

甚至

<div class="col-md-2 col-md-offset-1 team" ng-mouseover="alert()" >

如果我使用 onmouseover ，它的效果很好。知道为什么ng-mouseover不起作用吗？

Answer 1

log()（和alert()）需要在$scope ...

$scope.log = function() {
    console.log("sadsa");
};