Question

我正在开始一本O＆＃39; Reilly的书，AngularJS，第一个例子如下。在我的结尾，＆＃34; {{greeting.text}}＆＃34;出现在被替换为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'};
}

Answer 1

看起来像包括棱角分明的方式可能有问题。以下代码适用于我

的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脚本 - 如果没有那就是问题。

Answer 2

您使用哪种角度版本？我的是1.3

angular.module('HelloApp', [])
  .controller('HelloController', ['$scope', function($scope) {
     $scope.greeting = { text: 'Hello'};
}

角度控制器不更新

2 个答案: