首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >根据角度版本缺少角控制器

根据角度版本缺少角控制器
EN

Stack Overflow用户
提问于 2014-12-23 14:16:26
回答 1查看 439关注 0票数 0

所以我有个消息来源:

代码语言:javascript
复制
<!DOCTYPE html>
    <head>
    <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
    <script>
        function commentController($scope) {
            $scope.reportComments = [{ Name:"Frank", Comment:"Booka" }, { Name:"Frank2", Comment:"Booka2" }];
        }
    </script>
    </head>
    <body>
        <div ng-app="" ng-controller="commentController">
            <ul>
              <li ng-repeat="c in reportComments">
                {{ c.Name + ', ' + c.comment }}
              </li>
            </ul>
        </div>      
    </body>
</html>

而且效果很好。

但是,我将AngularJS的版本更改为1.3.0,并得到以下错误:

错误: ng:areq参数'loadCommentsController‘不是一个函数,在file:///C:/Users/micah_000/Desktop/comment_testbed/js/angular.js:63:12 at (file:///C:/Users/micah_000/Desktop/comment_testbed/js/angular.js:1575:11) at assertArgFn (file:///C:/Users/micah_000/Desktop/comment_testbed/js/angular.js:1585:3)获得未定义的http://errors.angularjs.org/1.3.7/ng/areq?p0=loadCommentsController&p1=not%20a%20function%2C%20got%20undefined:///C:/Users/micah_000/Desktop/comment_testbed/js/angular.js:8416:9 at file:///C:/Users/micah_000/Desktop/comment_testbed/js/angular.js:7590:34 at forEach (file:///C:/Users/micah_000/Desktop/comment_testbed/js/angular.js:331:20) at nodeLinkFn (file:///C:/Users/micah_000/Desktop/comment_testbed/js/angular.js:7577:11) (file:///C:/Users/micah_000/Desktop/comment_testbed/js/angular.js:7073:13) at publicLinkFn (file:///C:/Users/micah_000/Desktop/comment_testbed/js/angular.js:6952:30) at file:///C:/Users/micah_000/Desktop/comment_testbed/js/angular.js:1449:27

为什么?

如何才能不定义我的控制器功能?

这与这个教程密切相关。如果一个简单的教程在不同版本之间中断,它会使框架看起来不稳定/变化无常/不可靠。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-12-23 14:31:45

使用全局函数作为控制器的能力在1.3.0:https://github.com/angular/angular.js/issues/9662中被取消了。除了简单的(不现实的)演示之外,这个“特性”并没有真正的意义。

您应该在您的角度模块上定义控制器:

代码语言:javascript
复制
<!DOCTYPE html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
  <script>
        angular.module('test', [])
          .controller('commentController', function commentController($scope) {
                $scope.reportComments = [
                  { Name:"Frank", Comment:"Booka" }, 
                  { Name:"Frank2", Comment:"Booka2" }
                ];
           });
    </script>
</head>
<body>
    <div ng-app="test" ng-controller="commentController">
        <ul>
          <li ng-repeat="c in reportComments">
            {{ c.Name + ', ' + c.comment }}
          </li>
        </ul>
    </div>      
</body>

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27622153

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档