AngularJS是一种非常流行的前端JavaScript框架，它提供了许多强大的功能来帮助开发人员构建交互式的单页应用程序。其中一个非常有用的功能是ui-router，它是AngularJS的一个扩展模块，用于管理应用程序的各个状态和路由。在ui-router中，我们可以使用$state.go('^')方法来更改地址栏中的URL，而不会重新加载控制器。

javascript
angular.module('myApp', ['ui.router'])
  .config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
      .state('home', {
        url: '/home',
        template: '
Welcome to the home page!
',
        controller: 'HomeController'
      })
      .state('about', {
        url: '/about',
        template: '
Welcome to the about page!
',
        controller: 'AboutController'
      })
      .state('about.details', {
        url: '/details',
        template: '
Welcome to the about details page!
',
        controller: 'AboutDetailsController'
      });
    $urlRouterProvider.otherwise('/home');
  })
  .controller('HomeController', function() {
    // Home controller logic here
  })
  .controller('AboutController', function() {
    // About controller logic here
  })
  .controller('AboutDetailsController', function() {
    // About details controller logic here
  })
  .run(function($rootScope, $state) {
    $rootScope.changeUrlOnly = function() {
      $state.go('^');
    };
  });

html
Change URL Only