2016-11-21 4 views
1

Я пытаюсь запустить простое среднее приложение, и оно не работает. я получаю следующее сообщение об ошибке: http://errors.angularjs.org/1.4.9/ng/areq?p0=meetupsController&p1=not%20a%20function%2C%20got%20undefined (Аргумент 'meetupsController' не является функцией, был неопределенным)Простой Среднее приложение не работает

Вот мой код

server.js

var express = require('express'), 
    app  = express(); 

app.get('/', function(req, res){ 
    res.sendfile(__dirname + '/client/views/index.html'); 

}); 


app.use('/js', express.static(__dirname + '/client/js')); 
app.listen(3000, function() { 
console.log('I mlistening on 3000'); 
}) 

мой угловой регулятор:

var app = angular.module('meetupApp', ['ngResource']); 
app.controller('meetupsController', ['$scope', '$resource', function($scope, $resource){ 

    $scope.meetups = [ 
    {name : "First"}, 
    {name : "second"}, 
    ] 

$scope.createMeetup = function(){ 
    $scope.meetups.push({name: $scope.meetupName}); 
    $scope.meetupName=''; 
} 

}]) 

mu html file:

<html ng-app> 
    <head> 
    <title></title> 
    </head> 
    <body> 

    <div ng-controller="meetupsController"> 
     <h1>There are {{meetups.length}} meetups</h1> 
     <ul> 
      <li ng-repeat="meetup in meetups"> 
      {{meetup.name}} 
     </ul> 
     <form ng-submit="createMeetup()"> 
      <input type="text" placeholder="Meetup name" ng-model="meetupName"></input> 
      <button type="submit">Add</button> 
     </form> 
    </div> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js"></script> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular-resource.min.js"></script> 
    <script type="text/javascript" src="/js/controllers/meetups-controller.js"></script> 
    </body> 
</html> 

пожалуйста, помогите

+0

в вашем HTML файл нг-приложении не установлен на meetupApp –

+1

Также просто FYI .... его всегда легко debug, если не используется исходный код minified. –

ответ

3

В вашей <html ng-app> вы должны добавить угловое приложение, как:

<html ng-app="meetupApp"> 
... 
</html> 
Смежные вопросы