导航到其他页面时无法重新加载页面使用Angular.js和UI-Router

Question

我有一个关于使用Angular.js进行页面重新加载的问题。我正在使用Angular.js UI-Router来浏览页面。让我先解释一下我的代码。

  

router.js：

var Admin=angular.module('Channabasavashwara',['ui.router', '720kb.datepicker','ngMessages','ngCapsLock','ui.bootstrap']);
Admin.run(function($rootScope, $state) {
      $rootScope.$state = $state;
    });
Admin.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/');
    $stateProvider
     .state('/', { /*....This state defines All type of user login...*/
            url: '/',
            templateUrl: 'dashboardview/login.html',
            controller: 'loginController'
        })

        /*.........START OF ROOT ADMIN STATES.........*/
        .state('dashboard', { /* This state defines The root admin login page. */
            url: '/dashboard',
            templateUrl: 'dashboardview/dashboard.html',
            controller: 'adminController'
        })
        .state('dashboard.profile', {  /* This states defines College profile page */
        url: '/profile',
        templateUrl: 'dashboardview/profile.html',
        controller: 'adminCollegeProfileController'
    })
    .state('dashboard.res', {  /* This state defines  the home page of Resource management ...*/
        url: '/res',
        templateUrl: 'dashboardview/res.html',
        controller: 'adminResController'
    })
});

这里dashboard.html是我的主页。假设我在profile.html and res.html做了一些更改，我重新加载了停留在主页的页面。当我访问其他两个页面时，更改不可见。它是可见的刷新每个页面后。我需要一旦用户刷新任何页面，所有更改都应反映在各自的页面中。请帮助我。