AngularJS＆amp; UI-Router - 如何阻止URL栏上的整页重新加载？

Question

设置： 我目前正在使用AngularJS v1.4和ui-router v0.2.15

我有2个兄弟路线，我们可以打电话给他们/ apple＆amp; /橙色

如果我加载我的应用并转到＆＃39; apple＆＃39; - 苹果的观点正确加载

我可以使用$ state.go（＆＃39; orange＆＃39;）转到橙色 - 视图正确重新加载。

'use strict';

angular.module('loadzApp', [
  'ngCookies',
  'ngResource',
  'ngSanitize',
  'ui.router',
  'ui.bootstrap'
])
  .config(function ($stateProvider, $urlRouterProvider, $locationProvider) {
    $urlRouterProvider
      .otherwise('/');

    $stateProvider
    .state('main', {
      url: '/',
      templateUrl: 'app/main/main.html',
      controller: 'MainCtrl'
    })
    .state('apple', {
        url: '/apple',
        templateUrl: 'apple.html',
        controller: function ($scope) {
            $scope.feedback = {}
        }
    })
    .state('orange', {
        url: '/orange',
        templateUrl: 'orange.html',
        controller: function ($scope) {
            $scope.feedback = {}
        }
    })

    $locationProvider.html5Mode(true);
  });

问题：我注意到当我查看apple并且我更改chrome touse中的网址时：www.domain.com/orange - 这会导致整页重新加载。它将加载正确的页面，但似乎应该由ui-router处理请求而不进行整页刷新

问题：如何配置ui-router来拦截chrome url栏中的更改并阻止所有兄弟路由的整页重新加载？