high level controller overlay doesn't work

[deadmann]

hello sir,

i'm writing my first mobile application, and i'm not sure if it's a bug from me, or withing this system...

but here's my code in the attachment...

as you can see i have two

within my index, and one of them ( ui-content-for="masterModals" ) is defined inside the index it self, the other is defined within the page which is linked with the routed controller.

i done SharedState initialization both in my main controller(masterController.js), which is set on index head, and on the controller which is linked by route.

now when an event come from appBundle.js i send it to the masterController, so it can show if the app goes offline or online. but the issue is that the overlay within the routed controller can be shown, but the one is linked to masterController state, though the SharedState.toggle is get called, wont show up.

The code is incomplete, and i just provide script and html you needed to take a look. this is combination of Cordova and Mobile Angular UI, in Visual Studio Envirtonment.

Please take a look, Thank you, Hassan Faghihi.

i couldn't upload the file, so i put it here: https://www.dropbox.com/s/g0dblfg32c9d30n/mobileAngularUI_overlayIssue_forGit.zip?dl=0