AngularJS-基本应用程序示例不工作，以及如何调试AngularJS_Angularjs

AngularJS-基本应用程序示例不工作，以及如何调试AngularJS

angularjs

AngularJS-基本应用程序示例不工作，以及如何调试AngularJS,angularjs,Angularjs,我遵循一个示例，在这个示例中，我可以使第一部分示例正常工作，但是通过添加应用程序对其进行一个小的更改来重新构造它，但不起作用（但应该做同样的事情）——这是一个非常基本的示例。你能帮我理解吗 1）代码有什么问题 2）如何调试这种东西我包括angular.min.js版本1.2.6 有效的例子 {{nameText}} 清单1 {{cust.name |大写}}-{{cust.city} 函数SimpleController（$scope）{ $scope.customers=[ {名字

我遵循一个示例，在这个示例中，我可以使第一部分示例正常工作，但是通过添加应用程序对其进行一个小的更改来重新构造它，但不起作用（但应该做同样的事情）——这是一个非常基本的示例。你能帮我理解吗

1）代码有什么问题

2）如何调试这种东西

我包括angular.min.js版本1.2.6

有效的例子


{{nameText}}
清单1

{{cust.name |大写}}-{{cust.city}

函数SimpleController（$scope）{
$scope.customers=[
{名字：'Dave Jones'，城市：'Phoenix'}，
{姓名：'Jamie Riley'，城市：'Atlanta'}，
{姓名：'Heedy Wahlin'，城市：'Chandler'}，
{名称：'Thomas Winter'，城市：'Seattle'}
];
}

类似的例子不起作用


{{nameText}}
清单1

{{cust.name |大写}}-{{cust.city}

var demoApp=angular.module（'demoApp'，[]）；
函数SimpleController（$scope）{
$scope.customers=[
{名字：'Dave Jones'，城市：'Phoenix'}，
{姓名：'Jamie Riley'，城市：'Atlanta'}，
{姓名：'Heedy Wahlin'，城市：'Chandler'}，
{名称：'Thomas Winter'，城市：'Seattle'}
];
}
demoApp.controller（'SimpleController'，SimpleController）；

在代码标记之前包含角度脚本标记

<!DOCTYPE HTML>
<html >
<head ng-app="demoApp">
    <title></title>
</head>
<body>
    <div ng-controller="SimpleController">
        <input type="text" ng-model="nameText" /> <span style="font-weight:bold"> {{ nameText }}</span>
        <h3>Listing1</h3>
            <ul>
                <li ng-repeat="cust in customers | filter: nameText | orderBy: 'city' ">{{ cust.name | uppercase }} - {{ cust.city }} </li>
            </ul>
    </div>

   <script src="libraries/angular.min.js"></script>
   <script>
       var demoApp = angular.module('demoApp', []);

       function SimpleController($scope) {
           $scope.customers = [
               { name: 'Dave Jones', city: 'Phoenix'},
               { name: 'Jamie Riley', city: 'Atlanta'},
               { name: 'Heedy Wahlin', city: 'Chandler'},
               { name: 'Thomas Winter', city: 'Seattle'}
           ];
       }

       demoApp.controller('SimpleController', SimpleController);

    </script>
 </body>
 </html>


{{nameText}}
清单1

{{cust.name |大写}}-{{cust.city}

var demoApp=angular.module（'demoApp'，[]）；
函数SimpleController（$scope）{
$scope.customers=[
{名字：'Dave Jones'，城市：'Phoenix'}，
{姓名：'Jamie Riley'，城市：'Atlanta'}，
{姓名：'Heedy Wahlin'，城市：'Chandler'}，
{名称：'Thomas Winter'，城市：'Seattle'}
];
}
demoApp.controller（'SimpleController'，SimpleController）；

问题是，在这个表达式中：

    <script src="libraries/angular.min.js"></script>

角度

未定义

还有，这是谷歌Chrome。

你能发布一些控制台消息吗？看起来AngularJS在任何东西上都没有激活。还需要我贴张照片吗？不知道你所说的控制台消息是什么意思。所谓“控制台”，我指的是Web Inspector或Firebug控制台选项卡，其中包含应用程序输出。因此，示例和许多网站都说添加JS代码包含在底部。对AngularJS来说不是这样吗？任何对AngularJS的引用，他们说在哪里进行includes？@Ray我的意思是，包含angular from libraries dir的脚本标记应该在代码之前，使用AngularJS，但请稍等——不将其放在顶部只会影响“未编译内容的闪现”，而不会影响页面加载后的操作，对吧？这里有一个参考：@Ray，等等。我不是建议你把你的脚本放在头标签上！不可能！这是好的，他们在体内。你唯一需要的就是交换它们。

<!DOCTYPE HTML>
<html >
<head ng-app="demoApp">
    <title></title>
</head>
<body>
    <div ng-controller="SimpleController">
        <input type="text" ng-model="nameText" /> <span style="font-weight:bold"> {{ nameText }}</span>
        <h3>Listing1</h3>
            <ul>
                <li ng-repeat="cust in customers | filter: nameText | orderBy: 'city' ">{{ cust.name | uppercase }} - {{ cust.city }} </li>
            </ul>
    </div>

   <script src="libraries/angular.min.js"></script>
   <script>
       var demoApp = angular.module('demoApp', []);

       function SimpleController($scope) {
           $scope.customers = [
               { name: 'Dave Jones', city: 'Phoenix'},
               { name: 'Jamie Riley', city: 'Atlanta'},
               { name: 'Heedy Wahlin', city: 'Chandler'},
               { name: 'Thomas Winter', city: 'Seattle'}
           ];
       }

       demoApp.controller('SimpleController', SimpleController);

    </script>
 </body>
 </html>

    <script src="libraries/angular.min.js"></script>