AngularJS Routing-Probleme

Question

so versuche ich, Routing, um herauszufinden, und jetzt konnte ich es zu versuchen, für grundlegenden Dinge wie www.sdfsfsfs.com/route1 tat

.when("/route1",{ 
    templateUrl: "route1.html" 
}) 

Aber sind stecken zu arbeiten, um herauszufinden, wie man so etwas wie www.sdfsfsfs.com/route1/jpera zu tun . Ich konnte es durch die Schaffung eines route1 Verzeichnis zu arbeiten und dann in diesem Verzeichnis setzen jpera so ist, dann wäre es

.when("/route1/jpera",{ 
    templateUrl: "jpera.html" 

}) 

sein, aber dann wird die Route auf die URL mit /route1 wird vermasselt und ich bin mir nicht sicher, warum.

Answer 1

In Winkel-ui-Router, kann u dies wie folgt tun:

angular.module('myapp', ["ui.router"]) 
    .config(function($stateProvider, $urlRouterProvider){ 
      $urlRouterProvider.otherwise('/dashboard'); 
.... 
$stateProvider 
    .state('home', { 
     url: '/home', 
     templateUrl: 'dir1/dir2/home.html', 
     controller: 'homeController' 
    }) 
    .state('home.page1', { 
     url: '/page1', 
     templateUrl: 'dir1/dir2/page1.html',   
     controller: 'page1Controller' 
    }) 
... 

function homeController($scope){ 
//do something 
} 

function page1Controller($scope){ 
//do something 
} 

So page1 ist ein Kind Ansicht des Hauses.

Else, wenn Sie wollen, verwenden Teilvorlagen in eine Layoutvorlage, kann u Ansichten wie diese verwenden: -

.state('home', { 
       url: '/home', 
       //templateUrl declared here will not be picked up 
    views: { 
        //main layout template 
        '': { 
         templateUrl: 'dir1/dir2/home.controller.html', 
         controller: 'homeCtrl', 
         controllerAs: 'vm' 
        }, 
        //page1@home. //partial template. 
        'page1@home': { 
         templateUrl: 'dir1/dir2/page1.controller.html', 
         controller: 'page1Ctrl', 
         controllerAs: 'vm' 
        }, 
        ... 

     } 
}) 

Hope this u einige Hinweise gibt.

Answer 2

Ich eckige ui Router ist es ziemlich einfach.

Hier ist Dokumentation von verschachteltem Routing. https://github.com/angular-ui/ui-router/wiki/nested-states-&-nested-views

Ich hoffe, es hilft.