Javascript 位置未在angularjs中更新

我对

$location.path有问题。当我改变状态时，它不会更新。这是我的
$stateProvider

$stateProvider
  .state('state1', {
    url: 'url1',
    component: 'component1'
  })
  .state('state2', {
    url: 'url2',
    component: 'component2'
  });

当我更改路线时，ui将更新。这是我的index.html代码

   <header></header>
   <div class="container-fluid" id="page-content" ui-view></div>
   <footer></footer> 

在上面的代码中，当我切换到另一个状态时，它不会更新。有人为此提出了解决方案。
您是否尝试过硬刷新或删除浏览器缓存？是的，我尝试过，但没有成功。问题是标题模板未刷新。因此状态没有更新。有没有办法将$state传递到header.js中？您可以共享任何带有完整代码的实时演示吗？您是否尝试过硬刷新或删除浏览器的缓存？是的，我尝试过，没有工作。问题是标题模板未刷新。因此状态没有更新。有没有办法将$state传递到header.js中？你能分享任何带有完整代码的实时演示吗？
 angular
.module('myApp') 
.component('header', {
  templateUrl: 'header.html',
  controller: headerController
});
function headerController($stateParams, $state, $location) {
   console.log($location.path());
   console.log($state.current.name);
}