Angularjs - Argument' homeController'不是一个功能,未定义

时间:2015-12-05 20:20:34

标签: angularjs angular-ui-router angularjs-controller

我有一个离子应用程序在导航`homeController的范围时给出了下面提到的错误。

这是我的app.js文件:

local obj = JSON.parse(queryResults)
return obj.rows[1].f[1].v, obj.rows[1].f[2].v

这是我的控制人员:

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');
)}

这是我的index.html:

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

这是我的模板:

<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>

我已经在这里找到了类似的问题,但无法找到一个对此有吸引力的问题。有人能指出我哪里出错了吗?

2 个答案:

答案 0 :(得分: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'
]);

另外我会把每个控制器都放到匿名函数中:

(function () {
    'use strict';

    // js

}());

答案 1 :(得分:0)

这是一个困扰我的拼写错误。我的坏!

已更改

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

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