앵귤러 ui 경로 사용

Question

ui 경로를 사용하여 동적 상태로드 URL 매개 변수 및 해당 매개 변수를 기반으로하는 뷰/컨트롤러를로드하여로드 할 단일 상태를 공유하는 3 개의 페이지를 만들려고합니다. 도전은 이것이 내가 지금 가지고있는 것이지만 나는 올바르게하고 있다고 느끼지 않는다. 누구든지 올바른 방향으로 나를 가리킬 수 있습니까?

자바 스크립트 :

여기

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' 
      } 
      }, 
     }); 
    } 
    ])