AngularJS - UI-Router не загружает вид

Question

Я в приложении, которое использует angular-route, и я пытаюсь интегрировать ui-router в конкретный модуль. В этом модуле я не включил angular-route.

URL-адреса ui-sref будут генерироваться нормально, но когда пользователь попытается перейти к представлению, он возвращается к корню.

Can angular-route и ui-router co-mingle?

angular.module('StyleGuide', ['ui.router']) 
    .config(['$stateProvider', '$urlRouterProvider', 
    function ($stateProvider, $urlRouterProvider) { 

     $urlRouterProvider.otherwise('/StyleGuide/'); 

     // Configure UI-Router 
     $stateProvider 
      .state('styleguide', { 
       url: '/StyleGuide/', 
       templateUrl: 'App/StyleGuide/styleguide.html' 
      }) 
      .state('styleguide.sandbox', { 
       url: '/StyleGuide/Sandbox', 
       templateUrl: 'App/StyleGuide/sandbox/sandbox.html', 
       controller: 'SandboxController' 
      }); 
    } 
    ]); 

HTML

<div class="sgHeader"> 
    <div class="navbar navbar-default"> 
     <nav class="container-fluid"> 
      <ul class="nav navbar-nav"> 
       <li class="dropdown open" uib-dropdown > 
        <a role="button" class="dropdown-toggle" uib-dropdown-toggle aria-haspopup="true" aria-expanded="true"> 
         <i class="fa fa-bars"></i> 
        </a> 
        <ul class="dropdown-menu" uib-dropdown-menu aria-labelledby="simple-dropdown"> 
         <li><a ui-sref="styleguide.sandbox"><i class="fa fa-hourglass-start"></i>Sandbox</a></li> 

        </ul> 
       </li> 
      </ul> 
      <div class="navbar-header"> 
       <a class="navbar-brand" ui-sref="styleguide"><span class="heavy">Soar </span>Styleguide</a> 
      </div> 
     </nav> 
    </div> 
</div> 
<div class="sg__body" ui-view> 
    <div style="text-align: center;"> 
     <h1>The Soar Style Guide, this is.</h1> 
     <h3>Use it to promote codebase and visual consistency, you will.</h3> 
     <img src="https://s-media-cache-ak0.pinimg.com/originals/49/7d/80/497d80f923e70aaa558d17c9cd1ee142.gif" /> 
    </div> 
</div> 

Answer 1

Вопрос был с заявлением otherwise в другом модуле.

Answer 2

В государстве ребенка - 'styleguide.sandbox' изменить URL из '/ стилистического справочник/песочницы' до '/ песочницы'. Поскольку вы уже упоминали о том, что песочница будет ребенком стиля, маршрутизатор автоматически обработает URL-адрес для песочницы как «/ StyleGuide/Sandbox», вам не нужно специально упоминать об этом.