2015-07-09 2 views
0

Я пытаюсь вызвать функцию, когда моя кнопка затуманивается. Этот код должен работать, но он не запускает функцию, определенную в моем контроллере.AngularJS - ng-mouseover не запускает функцию моего контроллера

JavaScript код

angular.module("myApp", []) 
     .controller('myCtrl', function($scope) { 
      $scope.alertHi = function() { 
      alert('hi'); 
      }; 
     }); 

HTML код

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Example - example-example72-production</title> 

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script> 

</head> 
<body ng-app="myApp"> 
    <div ng-controller="myCtrl"> 
    <button ng-mouseover="alertHi()"> 
     Alert Hi 
    </button> 
    </div> 
</body> 
</html> 

У меня есть plunker

http://plnkr.co/edit/ZyQUi266hFsnvPhcTcpn?p=preview

Есть идеи? Благодаря!

ответ

4

ваши-code.js

angular.module("myApp", []) 
     .controller('myCtrl', function($scope) { 
      $scope.alertHi = function() { 
      alert('hi'); 
      }; 
     }); 

Вам необходимо загрузить код:

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Example - example-example72-production</title> 


    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script> 
    <script scr="your-code.js"></script> 


</head> 
<body ng-app="myApp"> 
    <div ng-controller="myCtrl"> 
    <button ng-mouseover="alertHi()"> 
     Alert Hi 
    </button> 
    </div> 
</body> 
</html> 
2

Вы не загружаете приложение.js на странице.

<script src="./app.js"></script> 
+1

не могу поверить, что я пропустил это. Спасибо за головы –

+1

Бывает у нас: P – jdpipkin

Смежные вопросы