Question

我正在尝试学习AngularJS，我尝试的第一个例子不起作用。为什么？这是HTML：

<html ng-app>
<head>
    <title></title>
    <script src="Scripts/angular.js"></script>
    <script src="app.js"></script>    
</head>``
<body ng-controller="MainCtrl">
    <div>Hello, {{userGroup.name}}!</div>
</body>
</html>

这是javascript（app.js文件）代码：

var MainCtrl = function ($scope) {
   $scope.userGroup = {
      name: "Kirill Kuts"
   };
}

Answer 1

我首先要重写你的控制器。从AngularJS 1.3开始，全局控制器被禁用，参见：
- https://github.com/angular/angular.js/blob/g3_v1_3/CHANGELOG.md#breaking-changes-13

$ controller：使用全局控制器构造函数（3f2232b5）禁用

注册一个新的角度模块 - 名称。

angular.module('app', [])
  .controller('MainCtrl', function ($scope) {
   $scope.userGroup = {
      name: "Kirill Kuts"
   };
});

更新ng-app指令

这是一个有效的演示 - http://jsbin.com/mufifukuvu/1/edit?html,js,output

首先看一下AngularJS

1 个答案: