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

登录后，我登陆了

app.mainapp

状态，这次一切正常

现在我转移到另一个状态，比如说这次是

app.xyz

但是当我从

app.xyz

返回到

app.mainapp

状态时，在

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>

请帮助我为什么状态更改后数据绑定不起作用

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