作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试运行一个简单的 hello world 示例,但无法正常运行。我在这里做错了什么?我在 Chrome 控制台中不断收到“未捕获错误:无模块:myapp”错误。
<!DOCTYPE html>
<html ng-app='myapp'>
<head>
<title>Angular App</title>
</head>
<body>
<div ng-controller="TextController">
<h1>Angular App says {{greeting.message}}</h1>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"/>
<script type="text/javascript">
var myModule = angular.module('myapp',[]);
myModule.controller("TextController", function($scope){
$scope.greeting.message = "hello world!";
});
</script>
</body>
</html>
这是 JSFiddle 链接:http://jsfiddle.net/HdR2c/1/
最佳答案
首先您不能自行关闭脚本标签,因此您需要将 Angular 包含更改为以下内容:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js">
</script>
然后将您的 $scope.greeting.message 变量更改为类似 $scope.greetingMessage 的变量。您目前正在执行此操作的方式是在问候语对象中查找名为“消息”的属性。
关于AngularJS 示例 - 未捕获错误 : No module: myapp,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21227857/
我是一名优秀的程序员,十分优秀!