AngularJS错误:未知提供商

AngularJS Error: Unknown provider

本文关键字：提供商 未知 错误 AngularJS      更新时间：2023-09-26

我得到了经典的经典错误:未知的提供者:UserModelProvider <- UserModel与angular JS。我的代码是这样的:

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>

我以为我是按书做的，但我得到了错误。有人知道会是什么吗?

从html标签中删除ng-app属性。这是正在工作的Jsfiddle: http://jsfiddle.net/eA2xx/。不能有多个ng-app

相关文章：