版本1.2.29之后如何使用ng-controller?

时间:2018-07-05 17:39:20

标签: angularjs

我正在关注基于1.2版本的AngularJs教程,但我发现它不适用于最新的1.7.2版本。 经过几次测试,我意识到它在1.3+及更高版本上不起作用,但是根据文档,我真的看不到ng-controller使用上的任何区别。

我的代码是:

    <div id="example" ng-controller="CommentsCtrl">
        <div ng-repeat="comment in comments | filter:{content: query} | orderBy: order">
            <p>
                <strong>{{comment.username}}</strong><br/>
                {{comment.content}}
            </p>
        </div>
    </div>

   <script>
        function CommentsCtrl($scope) {

            $scope.comments=[
                {
                    "username": "Geraldine",
                    "city": "Dola",
                    "email": "geraldinemaddox@enervate.com",
                    "content": "Dolor consectetur..."
                },
                ...
            ]
        }
    </script>

为了让您更好地研究问题,代码在这里:jsfiddle

请问怎么了?

1 个答案:

答案 0 :(得分:0)

如果要更新到1.7.2,有一些错误需要更新。

首先,您需要像这样注册模块

angular.module("app", [])

在您的身体标签上将其更改为

<body ng-app="app">

然后您需要将控制器注册到角度模块

angular.module("app").controller('CommentsCtrl', function CommentsCtrl($scope) {
  // Controller code here
});

我将所有更改放入了您的小提琴jsfiddle fork