我正在开始一本O' Reilly的书,AngularJS,第一个例子如下。在我的结尾," {{greeting.text}}"出现在被替换为hello的内部。我有正确的角度链接,当我把它放入jsFiddle它也不起作用,除非我改变onLoad没有包装 - 然后它的工作原理。
我在mac上使用Webstorm,我认为我的问题可能在那里,但找不到任何修复它的东西。
感谢您帮助可能是一个简单的解决方案。
HTML
<!DOCTYPE html>
<html ng-app>
<head lang="en">
<script src="angular.js"></script>
<script src ="controllers.js"></script>
</head>
<body>
<div ng-controller="HelloController">
<p>{{greeting.text}}, World</p>
</div>
</body>
</html>
控制器
function HelloController($scope) {
$scope.greeting = { text: 'Hello'};
}
答案 0 :(得分:0)
看起来像包括棱角分明的方式可能有问题。以下代码适用于我
的index.html:
<!DOCTYPE html>
<html ng-app>
<head lang="en">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<script src ="controllers.js"></script>
</head>
<body>
<div ng-controller="HelloController">
<p>{{greeting.text}}, World</p>
</div>
</body>
</html>
controllers.js:
function HelloController($scope) {
$scope.greeting = { text: 'Hello'};
}
在chrome中打开index.html并按下Command + Option + J,当打开开发人员工具时,前往网络选项卡,刷新页面并查看是否正确加载angular.js脚本 - 如果没有那就是问题。
答案 1 :(得分:0)
您使用哪种角度版本? 我的是1.3
angular.module('HelloApp', [])
.controller('HelloController', ['$scope', function($scope) {
$scope.greeting = { text: 'Hello'};
}