2015-11-28 137 views
0

我是新來的角js和創建一個簡單的應用程序。但是,當我嘗試運行它時,綁定不起作用。我也得到一個控制檯錯誤說錯誤:[ng:areq]參數'meetupsController'不是一個函數,得到了undefined。這裏是我的代碼:錯誤:[ng:areq]參數'meetupsController'不是函數,得到undefined

var app = angular.module('meetupApp', ['ngResource']); 

這是我的聚會,controller.js:

app.controller('meetupsController', ['$scope', '$resource', function($scope, $resource){ 

var Meetup = $resource('/api/meetups'); 

$scope.meetups = [ 
    { name: "MEAN SF Developers" }, 
    {name: "Some other meetups" } 
] 

$scope.createMeetup = function(){ 
    var meetup = new Meetup(); 
    meetup.name = $scope.meetupName; 
    meetup.$save(); 
} 
}]); 

這是我的index.html:

<!DOCTYPE html> 
<html ng-app="meetupApp"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title></title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
</head> 
<body> 
    <!-Meetups View-> 
    <div ng-controller="meetupsController"> 
     <h1>There are {{meetups.length}} meetups</h1> 
     <ul> 
      <li ng-repeat="meetup in meetups"> 
       {{meetup.name}} 
      </li> 
     </ul> 
     <form ng-submit="createMeetup()"> 
      <input type="text" placeholder="Meetup name" ng-model="meetupName"></input> 
      <button type="submit">Add</button> 
     </form> 
    </div> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-resource.js"></script> 

    <script type="text/javascript" src="/js/app.js"></script> 
    <script type="text/javascript" src"/js/controllers/meetups-controller"></script> 
</body> 

非常感謝提前爲您提供幫助!

+3

''.js''擴展而包括''聚會,controller'' JS文件丟失。 –

回答

1

您的控制器沒有正確加載,因爲您在腳本中缺少.js

轉換這個

<script type="text/javascript" src"/js/controllers/meetups-controller"></script> 

這個

<script type="text/javascript" src"/js/controllers/meetups-controller.js"></script> 
相關問題