Angularjs controller not working, throws error (newbie)

leandronn Published at Dev

leandronn

i'm working with angular-seed project. I'm trying to retreive data from mysql database. I need to know how to define different controller for each view. For example, I have this structure:

js
|_modules
  |_companies
     |_controller.js
     |_data.js
|_app.js
|_base.js

I have added this route to app.js

.state('app.companies', {
    url: '/companies',
    title: 'Companies',
    templateUrl: helper.basepath('companies.html'),
    controller: 'companiesCtrl' //THIS THROWS THE ERROR BELOW
})

companies.html has scripts added to botom of the page

<script src="app/js/modules/companies/data.js"></script>
<script src="app/js/modules/companies/controller.js"></script>

and this is the code for controller.js (also tested the commented part)

(function() {
    'use strict';

    angular
        .module('appname')
        .controller('companiesCtrl', companiesCtrl);

    companiesCtrl.$inject = ['$scope','companiesData','$log'];
    function companiesCtrl($scope, companiesData, $log) {
        console.log('asd'); //NEVER REACH THIS LOG
    };
});

/*var app = angular
.module('appname')
.controller('companiesCtrl', ['$scope','companiesData','$log', function($scope, companiesData, $log){
console.log('asd'); //NEVER REACH THIS LOG
$scope.companies = {};
Data.get('companies').then(function(data){
    $scope.companies = data.data;
    console.log('($scope.companies)');
});
}]);
*/

But I keep getting

Error: [ng:areq] Argument 'companiesCtrl' is not a function, got undefined

Same if I script ng-controller="companiesCtrl" on my view.

leandronn

The problem was on script loading. I had to use lazy loading of the files within my app.js Here's the code:

app.js companies route

.state('app.companies', {
          url: '/companies',
          title: 'Companies',
          templateUrl: helper.basepath('companies.html'),
          resolve: helper.resolveFor('companiesCtrl'),
          controller: 'companiesCtrl'
      })

lazy load code

.constant('APP_REQUIRES', {
      scripts: {
        'modernizr':          ['vendor/modernizr/modernizr.custom.js'],
        'icons':              ['vendor/fontawesome/css/font-awesome.min.css',
                               'vendor/simple-line-icons/css/simple-line-icons.css'],
        'companiesCtrl':      ['app/js/modules/companies/data.js','app/js/modules/companies/controller.js']
      },
      modules: []
    });

Collected from the Internet

Please contact [email protected] to delete if infringement.