Angular ui-routeの使用

Question

私はui-routeを使用して、動的に状態urlパラメータを持ち、それらのパラメータに基づいてビュー/コントローラをロードすることによって、それらを読み込む単一の状態を共有する3つのページを作成します。挑戦は、これは私が今持っているものですが、私はそれを正しくやっていないと感じています。誰も私を正しい方向に向けることができますか？

Javascriptを：

ここ

var myApp = angular.module('myApp', ['ui-router','positionControllers']); 

myApp.config(['$stateProvider', function($stateProvider) { 
    $stateProvider 
    .state('list', { 
     url: '/list', 
     templateUrl: 'list.html', 
     controller: 'ListController' 
    }) 
    .state('list.detail', { 
     url: '^/:id', 
     views: { 
     'detail': { 
      templateUrl: 'detail.html', 
      controller: 'DetailsController' 
     } 
     }, 
    }) 
    .state('home', { 
     url: '/home', 
     templateUrl: 'partial-home.html' 
    }); 
} 
]) 

Answer 1

UI-ルータを使用した例：

あなたのコード例では、角の `ngRoute`、ない` UI-router`を使用しているhttp://plnkr.co/edit/VALhQ3SCUGvYkSxZvy7j?p=preview

.config(['$stateProvider', 
    function($stateProvider) { 

     $stateProvider 
     .state('list', { 
      url: '/list', 
      templateUrl: 'list.html', 
      controller: 'ListCtrl' 
     }) 
     .state('list.detail', { 
      url: '^/:id', 
      views: { 
      'detail': { 
       templateUrl: 'detail.html', 
       controller: 'DetailCtrl' 
      } 
      }, 
     }); 
    } 
    ])