不断收到 Angular JS 错误,不知道为什么
Keep getting Angular JS error not sure why
正在练习Angularjs,做了一个简单的模块和控制器。我试图在 HTML 视图页面上显示控制器内部的元素数据,但 {{student.name}} 只会弹出。我收到一条错误消息:
angular.js:15697 Error: [$controller:ctrlreg] http://errors.angularjs.org/1.8.2/$controller/ctrlreg?p0=MyController
这是我的js代码:
var myApp= angular.module('myApp',[]);
myApp.controller=('MyController', function($scope){
$scope.student={
"name":"kevin",
"age":"21",
"school":"NYU"
};
});
这是我的 HTML 代码:
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<!-- angular -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
<script src="app.js"></script>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body ng-controller="MyController">
{{student.name}}
</body>
</html>
请帮忙。
您定义控制器的方式不正确。您可以执行如下操作:
angular.module('app').controller('MainCtrl', function ($scope){
$scope.student={
"name":"kevin",
"age":"21",
"school":"NYU"
};
});
示例工作代码在这里:
https://stackblitz.com/edit/angularjs-controllers-eauszw?file=app.js
正在练习Angularjs,做了一个简单的模块和控制器。我试图在 HTML 视图页面上显示控制器内部的元素数据,但 {{student.name}} 只会弹出。我收到一条错误消息:
angular.js:15697 Error: [$controller:ctrlreg] http://errors.angularjs.org/1.8.2/$controller/ctrlreg?p0=MyController
这是我的js代码:
var myApp= angular.module('myApp',[]);
myApp.controller=('MyController', function($scope){
$scope.student={
"name":"kevin",
"age":"21",
"school":"NYU"
};
});
这是我的 HTML 代码:
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<!-- angular -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
<script src="app.js"></script>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body ng-controller="MyController">
{{student.name}}
</body>
</html>
请帮忙。
您定义控制器的方式不正确。您可以执行如下操作:
angular.module('app').controller('MainCtrl', function ($scope){
$scope.student={
"name":"kevin",
"age":"21",
"school":"NYU"
};
});
示例工作代码在这里: https://stackblitz.com/edit/angularjs-controllers-eauszw?file=app.js