AngularJS - UI-Routerは表示をロードしません

Question

私はangular-routeを使用するアプリケーションにあり、特定のモジュールにui-routerを統合しようとしています。このモジュールでは、angular-routeは含まれていません。

URLはすべて正常に生成されますが、ユーザーがビューにナビゲートしようとすると、ルートに戻ってきます。

angular-routeとui-routerが混在していますか？

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'として扱います。特に言及する必要はありません。