状态更改后数据绑定在角度js中不起作用

Question

登录后，我已经登陆app.mainapp状态这一切正常。

现在我移动到另一个状态，这次可以说app.xyz。

但当我从app.mainapp回到app.xyz状态时，app.mainapp状态下的视图不会更新数据，但控制器数据正在更新。

以下是我的route.js

$stateProvider
  .state('login', { // Adding state for displaying login page
      url: '/login',
      views: {
          'app@': {
              templateUrl: 'app/components/authentication/login.html',
              controller: 'AuthenticationController as authCtrl'
          }
      }
  })
  .state('app',{
      url:'/',
      views:{
          'app@':{
              templateUrl: 'app/components/header/header.html',
              controller: 'HeaderController',
              controllerAs: 'headerCtrl'
          }
      }
  })
  .state('app.mainapp', { // Adding state for displaying admin pages
      url: 'orders',
      views: {
          'appbody@app': {
              templateUrl: 'app.abc.html',
              controller: 'OrderController as orderCtrl'
          }
      }
  })
  .state('app.history', { // Adding state for displaying admin pages
      url: 'history',
      views: {
          'appbody@app': {
              templateUrl: 'app/xyz.html',
              controller:function(){

              }
          }
      }
  });

$urlRouterProvider.otherwise('/login');

这是index.html文件

<div ng-cloak ui-view="app" style="height: 100%;"></div>

这是我的header.html

<div>
    inside header
    <div ui-view="appbody" flex></div>
</div>

请帮助我在状态更改后数据绑定无效的原因。