在60分钟内角化-该代码有什么问题？

Question

我已经开始学习Angular，并在60分钟之内开始学习Angular。 在第48页上，有一个如下所示的示例代码，它是一个simple controller用于在页面中显示customers属性的内容。

 <!DOCTYPE html> <html ng-app=""> <head> <title></title> </head> <body> <div class="container" ng-controller="SimpleController"> <h3>Adding a simple controller</h3> <ul> <li ng-repeat="cust in customers"> {{cust.name}} - {{cust.city}} </li> </ul> </div> <script> function SimpleController($scope) { $scope.customers = [ {name: 'John Doe', city: 'New York'}, {name: 'Jane Doe', city: 'Miami'}, {name: 'Moan Doe', city: 'Montreal'} ]; } </script> <script src="/usr/local/angular-1.3.16/angular.js"></script> </body> </html> 

预期的输出是：

添加一个简单的控制器

• 约翰·多伊（John Doe）-纽约
• 简·多伊-迈阿密
• Moan Doe-蒙特利尔

但是我看不到项目符号项。 我已经拔头发好一段时间了。 以为我会在秃头之前问社区。 有人可以告诉我这段代码有什么问题吗？

Answer 1

使用版本1.3.16，您不能再声明全局控制器功能。 而是定义一个模块和一个控制器：

angular.module('app', []).controller('SimpleController', function ($scope) {
            $scope.customers = [
                {name: 'John Doe', city: 'New York'},
                {name: 'Jane Doe', city: 'Miami'},
                {name: 'Moan Doe', city: 'Montreal'}
            ];
        });

在您的html中，使用正确的模块名称添加ng-app ：

<body ng-app="app">

Answer 2

固定代码的两项。

1. 我在摆弄标签顺序很重要。 对angular.js的<script>标记引用应首先出现在包含控制器方法的<script>标记之前。

2. 正如@ user3906922所建议的那样，全局控制器功能在角度1.3.16中无济于事。 我定义了一个模块和控制器，它起作用了。