角误差：$injector:modulerr模块误差
角误差：$injector:modulerr模块误差
提问于 2017-05-18 18:34:42
我是新的角JS，我正在尝试一个简单的模块，我得到了这个错误。
我的html如下所示：
<!DOCTYPE html>
<html >
<head>
<script data-require="angular.js@*" data-semver="4.0.0" src="https://code.angularjs.org/latest/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body data-ng-app="Testingng">
<div data-ng-controller="MainController" ></div>
<h1>{{message}}</h1>
<div> First Name: {{person.firstName}}</div>
</body>
</html>JS看起来像这样
angular.module('Testingng', []).controller('MainController', ['$scope', function MainController($scope) {
var person = {
firstName: "Test",
lastName: "Test",
imageSrc: "C:\Users\Test\Downloads\20160604_142346.jpg"
};
$scope.message = "Hello Angular";
$scope.person = person;
};
}]);我也尝试过这个JS，它没有给出任何错误，但是没有显示数据。
(function() {
angular
.module("Testingng", [])
.controller("MainController", function($scope) {
var person = {
firstName: "Test",
lastName: "Test",
imageSrc: "C:\Users\Test\Downloads\20160604_142346.jpg"
};
$scope.message = "Hello Angular";
$scope.person = person;
});
})();有人能告诉我做错了什么吗？提前感谢！
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-05-18 18:42:32
您的代码有两个问题
(i)你的控权人应是，
.controller('MainController', ['$scope', function($scope) {(ii)您的div应该在输出变量后关闭，否则您无法访问$scope变量。
<div ng-controller="MainController" >
<h1>{{message}}</h1>
<div> First Name: {{person.firstName}}</div>
</div>演示
angular.module('Testingng', [])
.controller('MainController', ['$scope', function($scope) {
var person = {
firstName: "Test",
lastName: "Test",
imageSrc: "C:\Users\Test\Downloads\20160604_142346.jpg"
};
$scope.message = "Hello Angular";
$scope.person = person;
}]); <!DOCTYPE html>
<html >
<head>
<script data-require="angular.js@*" data-semver="4.0.0" src="https://code.angularjs.org/latest/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body ng-app="Testingng">
<div ng-controller="MainController" >
<h1>{{message}}</h1>
<div> First Name: {{person.firstName}}</div>
</body>
</html>
Stack Overflow用户
发布于 2017-05-18 18:52:11
尝尝这个
angular.module('Testingng', [])
.controller('MainController', ['$scope', function($scope) {
var person = {
firstName: "Test",
lastName: "Test",
imageSrc: "C:\Users\Test\Downloads\20160604_142346.jpg"
};
$scope.message = "Hello Angular";
$scope.person = person;
}]);<!DOCTYPE html>
<html >
<head>
<script data-require="angular.js@*" data-semver="4.0.0" src="https://code.angularjs.org/latest/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body ng-app="Testingng">
<div ng-controller="MainController" >
<h1>{{message}}</h1>
<div> First Name: {{person.firstName}}</div>
</div>
</body>
</html>
您的div已关闭，因此无法解析范围变量。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44055466
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号