javascript - Including Angular configuration Module -
i have trouble building angular module stores configuration data , including in main angular module.
the idea system able change configuration data. main module code , controller codes same config module different.
i have tried many different way work give me series of errors.
my config modules looks this
(function( ){ angular.module('favoriteeats.config') .constant('global_config', { 'base_uri': '".url( )."' }); }); my main (condensed) module looks this. note i'm using blade template brackets.
(function( ){ var app = angular.module('favoriteeats', ['favoriteeats.config','ngresource'], function($interpolateprovider) { $interpolateprovider.startsymbol('<%'); $interpolateprovider.endsymbol('%>'); })(); my controller looks this.
(function( ){ var app = angular.module('favoriteeats'); app.controller('entrustrolepermissions', function($scope, $controller) { angular.extend(this, $controller('basecontroller', {$scope: $scope})); var vm = this; vm.roles = [ ]; vm.user_roles = [ ]; vm.updateroles = function(){ ret = vm.restapi('role','get'); console.log(ret); } vm.updateroles( ); }) //end contoller })(); when include config module script in head error.
"error: [$injector:modulerr] failed instantiate module favoriteeats due to: [$injector:modulerr] failed instantiate module favoriteeats.config due to: [$injector:nomod] module 'favoriteeats.config' not available! either misspelled module name or forgot load it. if registering module ensure specify dependencies second argument."
when include config module script in footer after lazying loading js same error.
if add config module script separate js file , add before or after main module js file same error.
the way seem work if included in same `(function( ){' container main module. ie
(function( ){ angular.module('favoriteeats.config') .constant('global_config', { 'base_uri': '".url( )."' }); var app = angular.module('favoriteeats', ['favoriteeats.config','ngresource'], function($interpolateprovider) { $interpolateprovider.startsymbol('<%'); $interpolateprovider.endsymbol('%>'); })(); why this? how can extract , include config script location!?!? cannot find answer determine wrong.
you should declare module indicating dependencies (in case empty array) , have execute function:
(function( ){ angular.module('favoriteeats.config', []) .constant('global_config', { 'base_uri': '".url( )."' }); })();
Comments
Post a Comment