ng click功能在angularJS控制器中不起作用

Chi*_*hit 2 html javascript angularjs

这是我的代码,实际上当我点击功能但没有显示警报而没有在控制台中收到错误.所以请告诉我该怎么做.

HTML代码

 <li class="has-megamenu" ng-click="homepage()" ><a ><span >Home</span></a>
 </li>
Run Code Online (Sandbox Code Playgroud)

app.js

app.controller('myController', function($scope){
$scope.homepage = function(){
    alert('hi');
}});
Run Code Online (Sandbox Code Playgroud)

PSK*_*PSK 6

可能有两个原因

1- ng-app在应用程序的根元素中不使用指令.

2-您没有ng-controller正确定义.

请遵循以下工作代码.

<html>
<head>
  <link rel="stylesheet" href="style.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>

  <script>
    var app = angular.module('app', []);
    app.controller('myController', function($scope) {
      $scope.homepage = function() {
        alert('hi');
      }
    });
  </script>
</head>

<body ng-app="app">
  <div ng-controller="myController">
    <ul>
      <li class="has-megamenu" ng-click="homepage()"><a><span >Home</span></a>
      </li>
    </ul>
  </div>

</body>

</html>
Run Code Online (Sandbox Code Playgroud)