href属性を使用するとui-routeが機能しない

Question

私のアプリケーション状態を制御するためにui-route doを使用しようとしていますが、状態をURLにしたいとします。

リンクをクリックして、自動的に関連するURLの状態になります。

私は、詳細なガイドに続き、私のコードは、この（https://plnkr.co/edit/wk1RphKq6G3t4GqfppYm plnkrを参照してください）のようになります。

JS：

angularModule.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) { 
     //$urlRouterProvider.otherwise("/management"); 

     $stateProvider 
      .state('management', { 
      url: '/', 
      template: '<p>:)</p>' 
      }) 
      .state('management.users', { 
      url: '/users', 
      templateUrl: './users.html' 
      }); 
     }]); 

HTML：

<div class="container-fluid" ng-controller="PageController"> 
      <aside class="sidebar col-md-3"> 
       <nav> 
        <ul> 
         <li><a href="index.html">Management</a></li> 
         <li><a href="management/users">Users</a></li> 
        </ul> 
       </nav> 
      </aside> 
      <section class="content col-md-9" ui-view> 
      </section> 
     </div> 

私は何をしないのです？

Answer 1

を助け、このhttps://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-sref

希望を見て、 '/' にルート状態のURLを設定します。

$stateProvider 
    .state('management', { 
    url: '/',  // INSTEAD OF "index.html" 
    template: '<p>:)</p>' 
    }) 
    .state('management.users', { 
    url: '/users', 
    templateUrl: 'users.html' 
    }); 

次。あなたはモジュールを作成することはありません

angularModule = angular.module('app', [ 
    'ui.router', 
    'ui.bootstrap', 
    'dev.api' // HERE 
]); 

しかし：あなたは、ルートモジュールへ'dev.api'を注入しようとしています。あなたはこれにservice.jsを変更する必要があります。

angular 
    .module('dev.api', []); // THIS IS HOW YOU DEFINE A NEW MODULE (Without external dependencies) 
angular 
    .module('dev.api').service('usersApiService', ['$http', function ($http) { ..... 

今、あなたはui-srefは（https://plnkr.co/edit/XbDx2EonQvZYXsyvWhUW?p=preview）作業していることがわかります。あなたはまだいくつかのJSエラーがあることに注意してください、それらはあなたのアプリのロジックに関連しており、その質問には関係ありません。

Answer 2

UI-ルータは、あなたが使用する必要があり、それ自身のhtmlプロパティを持っているので、代わりの

href="management/users"

を

ui-sref="management.users"

あなたはUI-SREFを使用したパス名は、状態名ですURLパス自体ではありません。

はあなたが状態を定義すると、これは