AngularJS - ng-mouseover 不会触发我的控制器功能答案

【问题标题】：AngularJS - ng-mouseover doesn't fire my controller functionAngularJS - ng-mouseover 不会触发我的控制器功能
【发布时间】：2016-12-28 03:52:31
【问题描述】：

当我的按钮被鼠标悬停时，我试图调用一个函数。这段代码应该可以工作，但它不会触发我在控制器中定义的函数。

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>

我有一个笨蛋

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

有什么想法吗？谢谢！

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

你的代码.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】：

您没有在页面上加载 app.js。

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

【讨论】：

不敢相信我错过了。感谢您的提醒
发生在我们最好的人身上：P