I've encountered an issue while developing an app using Angular. My goal is to inject a partial when states change in the application, and I am utilizing ui-router for this purpose. Below is a snippet of my app code:
$stateProvider
.state('home', {
url: "/",
templateUrl: "homePartial/home.html",
controller: 'HomeCtrl',
data: {
authorizedRoles: [USER_ROLES.admin, USER_ROLES.editor, USER_ROLES.guest]
}
})
;
$urlRouterProvider.otherwise("/");
Here is the content of my partial - home.html:
<p>test</p>
However, when I navigate to the 'home' state in my app, the old version of the partial is displayed instead of the updated one. It seems like the changes are not being saved or reflected properly. Interestingly, if I directly access app/homePartial/home.html, I can see the modifications I made.