Question

我正在教自己一点Anuglar，想要创建一个简单的HTML页面。

创建了一个简单的控制器，它绑定到我的HMTL页面的主体：

<body data-ng-app="hello" data-ng-controller="controller">

在我的Testtable中，我添加了一个只在控制台中记录内容的href。

<td><a href="" data-ng-click="test()">Test</a></td>

我的控制器看起来像这样：

var app = angular.module('myApp', []);
app.controller('controller', function($scope) {
$scope.test = function() {
    console.log('test');
};
});

点击“链接”时，我在控制台中看不到任何内容。我做错了什么？

Answer 1

设置data-ng-app="hello"以设置data-ng-app="myApp"

＆＃13;

<!DOCTYPE html>
<html>

<head>

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
  
</head>

<body data-ng-app="myApp" data-ng-controller="controller">

  <td><a  data-ng-click="test()">Test</a></td>
  <script>
    var app = angular.module('myApp', []);
    app.controller('controller', function($scope) {
      $scope.test = function() {
        console.log('test');
      };
    });
  </script>
</body>

</html>

＆＃13;

Angular Js - 无法调用Controller函数

1 个答案: