I have a program that consists of two views (lefthandmenu and content), with modules. When the user selects a module from a combo-list, $state.go() is called with the selected module name, and the views should update accordingly. See code samples below.
I am using Angular 1.5, ui-router, and typescript.
Upon selecting a module from the combolist, the app throws the following error:
Error: Could not resolve 'BFTS' from state 'home'
I am unsure why this is happening.
Here's what I've tried so far to resolve the issue:
Verified that the params are properly passed through the combobox, which seems to be working fine.
Reviewed several questions and documentation resources but couldn't find any discrepancies in my code compared to the accepted solutions.
The strange thing is that when the application loads, the 'home' state is active because I can see the "home module" and "home content" texts where they should be.
This is the controller where the user can select the module.
module qa.gonogo {
"use strict";
export interface IHeaderComponentController {
}
// Rest of the controller code here...
}
States:
((): void => {
"use strict";
// State configuration code here...
})();
Service responsible for changing the state:
module qa.gonogo {
"use strict";
export interface IMoveToStateService {
moveToState(stateName: string): void;
}
// MoveToStateService implementation...
}