Verwendung der winkelförmigen UI-Route

Question

Ich möchte UI-Route verwenden, um 3 Seiten zu erstellen, die einen einzigen Status zum Laden von ihnen teilen, indem Sie State-URL-Parameter durch dynamische und Laden Ansichten/Controller basierend auf diesen Parametern. Die Herausforderung ist das, was ich jetzt habe, aber ich fühle, dass ich es nicht richtig mache; kann mir jemand in die richtige richtung zeigen?

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

Hier ein Beispiel mit 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' 
      } 
      }, 
     }); 
    } 
    ])