I offer a service:
module app {
export interface IOtherService {
doAnotherThing(): string;
}
export class OtherService implements IOtherService {
doAnotherThing() {
return "hello.";
};
}
angular.module('app').service('otherService', OtherService);
}
I have a custom controller:
module app {
export interface IOtherController {
performCustomActions(): string;
}
export class OtherController implements IOtherController {
static $inject = ['otherService'];
constructor(private otherService: IOtherService) { }
}
}
angular.module('app').controller('otherController', OtherController);
}
I also created a routing file (using ui-router):
module app {
'use strict';
angular
.module('app')
.config(customConfig);
customConfig.$inject = ['$stateProvider', 'otherService'];
function customConfig($stateProvider, otherService) {
$stateProvider
.state('customState', {
url: '/Dashboard/Welcome/',
parent: 'dashboard',
resolve: {
otherValues() { return otherService.doAnotherThing(); }
},
views: {
'content@': {
templateUrl: '/path/to/file/another.html',
controller: 'otherController',
controllerAs: 'vm'
}
}
});
}
I keep encountering this error and I am unsure of the cause:
Error: [$injector:modulerr] Failed to create module app:
[$injector:unpr] Unknown provider: otherService
I realize my routing file is currently written in plain JavaScript, so please excuse the confusion compared to TypeScript examples.
EDIT: Made some corrections. Apologies for any mistakes from copy-pasting.