2015-12-05 69 views
0

我有一个离子应用程序,在浏览`homeController的范围时给了我下面提到的错误。Angularjs - 参数'homeController'不是一个函数,得到了undefined

这是我的app.js文件:

var app = angular.module('app', [ 
    //external modules 
    'ionic', 
    //feature modules 
    'home', 
    'events', 
    'news' 
]) 
app.config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 
    // setup an abstract state for the tabs directive 
    .state('main', { 
     url: '/', 
     abstract: true, 
     templateUrl: 'templates/main-nav.html' 
    }) 

    // Each tab has its own nav history stack: 

    .state('main.home', { 
     url: '/home', 
     views: { 
     'main-home': { 
      templateUrl: 'templates/main-home.html', 
      controller: 'homeController' 
     } 
     } 
    }); 
$urlRouterProvider.otherwise('/home'); 
)} 

这里是我的控制器:

app.controller('homeController', ['$scope', '$stateParams', 
    function ($scope, $stateParams) { 
    $scope.homeTitle = 'News'; 
    } 
]); 

这里是我的index.html:

<body ng-app="app"> 

    <ion-nav-bar class="bar-stable"> 
     <ion-nav-back-button> 
     </ion-nav-back-button> 
    </ion-nav-bar> 

    <ion-nav-view></ion-nav-view> 
    </body> 

这里是我的模板:

<ion-view view-title="News"> 
    <ion-content class="padding"> 
    Hello world! 
    </ion-content> 
</ion-view> 

我已经经历了类似的问题在这里,但找不到一个与此呼吁。有人能指出我哪里出错了吗?

+2

一种可能性是,你能仔细检查'homeController' JS已经被添加到网页? –

+1

你可以创建一个http://plnkr.co/,这样我们可以检查它的行动吗? –

回答

0

我将建立控制器像这样的:

angular 
    .module('app') 
    .controller('homeController', homeController); 

function homeController() { 

} 

在你app.js必须是在此之后一个分号:

var app = angular.module('app', [ 
    //external modules 
    'ionic', 
    //feature modules 
    'home', 
    'events', 
    'news' 
]) 

-

var app = angular.module('app', [ 
    //external modules 
    'ionic', 
    //feature modules 
    'home', 
    'events', 
    'news' 
]); 

Additionaly我会将每个控制器放入匿名函数中:

(function() { 
    'use strict'; 

    // js 

}()); 
0

这是一个打扰我的错字。我的错!

改变

<script srv="js/scripts/home/controllers/home-controller.js"></script> 

<script src="js/scripts/home/controllers/home-controller.js"></script> 
相关问题