2013-06-14 4 views
0

Я получаю классический классический Ошибка: Неизвестный поставщик: UserModelProvider < - UserModel с угловым JS. Мой код выглядит следующим образом:AngularJS Ошибка: неизвестный провайдер

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> 

Я думал, что я сделал это в книге, но я получаю сообщение об ошибке. Кто-нибудь знает, что это может быть?

ответ

3

Удалить атрибут ng-app из тега html. Вот Jsfiddle, который работает: http://jsfiddle.net/eA2xx/. У вас не может быть более одного ng-app.

+1

Вы * можете * иметь несколько приложений, кстати, вы можете просто автоматически загружать их, вы должны загружать их вручную. –

Смежные вопросы