我试图从头开始创建一个角度应用程序。我一直试图解决这个问题几个小时，但我无法使其发挥作用。以下所有文件都放在父文件夹中。
的index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hello</title>
<script data-require="[email protected]" data-semver="1.6.0" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="app">
<h1>Student App</h1>
<section ng-controller="HelloController">
<h4>Enter Student Details</h4>
<label for="name">Name :</label>
<input id="name" type="text" ng-model="student.name" />
<p>Hello {{student.name}}!</p>
</section>
<button id="name" type="submit" ng-click="onButtonClick()">Click</button>
</body>
</html>
HelloController.js
angular.module('app', [])
.controller('HelloController', ["$scope", function($scope) {
$scope.onButtonClick = function()
{
console.log("method invoked");
};
}]);
如果有人可以帮助我解决我面临的这个问题，那就太好了。
您的按钮超出了控制器控制的<section>。因此，单击它会在根范围上调用onButtonClick()，而不是在控制器的范围内。