0

私は古典的な古典的なエラーを取得しています: 不明なプロバイダー: UserModelProvider <- angular JS を使用した UserModel。私のコードは次のようになります。

var ClabborApp = angular.module('clabbor', []);

ClabborApp.factory('UserModel', function() {
    var UserModel = {};

    var list = [];
    UserModel.getItem = function(index) {
        return list[index];
    }
    UserModel.addItem = function(item) {
        list.push(item);
    }
    UserModel.removeItem = function(item) {
        list.splice(list.indexOf(item), 1)
    }
    UserModel.size = function() {
        return list.length;
    }

    return UserModel;

});

function FollowersCtrl($scope, UserModel) {
    $scope.followers = [{
        text : 'learn angular',
        done : true,
        'name' : 'James'
    }, {
        text : 'build an angular app',
        done : false,
        'name' : 'John'
    }];
}

そして私のhtmlは次のようになります：

<html lang="en" ng-app>
    <meta charset="utf-8">
    <body ng-app="clabbor">
      <div class="content follow" ng-controller="FollowersCtrl">
        <ul class="clearfix">
            <!-- Show max 12 followers -->
            <li ng-repeat="follower in followers">
                {{follower.name}}
            </li>
              </ul>
     </div>

    </body>

</html>

本でやったと思ったのですが、エラーが発生しています。誰がそれが何であるか知っていますか？

4

1 に答える 1

3

タグng-appから属性を削除します。html動作している Jsfiddle は次のとおりです: http://jsfiddle.net/eA2xx/。複数持つことはできませんng-app。

于 2013-06-14T16:36:47.243 に答える