Percorso catch catch di AngularJS?

Question

Sto lavorando ad un'applicazione di modifica dei file in AngularJS. I miei URL simile a questa:

#/fileName.md/cartella

o

#/fileName.md

o

# nested-cartella/cartella// altro-fol der/itgoesonforever/filename.MD

io non voglio avere a che fare un percorso per ogni singola profondità e potrebbe essere ~ 15 percorsi profonda. Ci sono modi per avere percorsi condizionali? Crudamente:

/:fileorfolder?/:fileorfolder?/:fileorfolder?/:fileorfolder? 

Answer 1

Credo che il meglio che puoi fare con angolare è *, che è nuovo, come di v1.1.5 of $routeProvider:

path può cont ain gruppi denominati che iniziano con una stella (*name). Tutti i personaggi vengono memorizzati con impazienza nello $routeParams con il nome specificato quando la rotta corrisponde.
Per esempio, percorsi come /color/:color/largecode/*largecode/edit corrisponderanno /color/brown/largecode/code/with/slashes/edit ed estratto:
- color: brown
- largecode: code/with/slashes

che avrebbe dovuto analizzare il largecode param da soli però.

Answer 2

Si potrebbe guardare con il routeProvider # altrimenti funzionalità

$routeProvider 
    .otherwise({controller: 'FileEditor',...}); 

http://docs.angularjs.org/api/ng.$routeProvider

Answer 3

Penso di averlo capito! Il trucco è impostare il modello su un semplice, quindi modificare l'ambito per includere il percorso dinamico del modello.

Così ora posso inserire un file a /foo/bar/baz.html e vedere il modello reso andando a server.com/foo/bar/baz.

// Routes 
app.config(function($routeProvider) { 
    $routeProvider 

    // Home 
    .when('/', { 
     templateUrl: 'home.html', 
     controller: 'HomeController' 
    }) 

    // Catch All 
    .when('/:templatePath*', { 
     template: '<ng-include src="templatePath"></ng-include>', 
     controller: 'CatchAllCtrl' 
    }) 

}); 

// Catch All Controller 
app.controller("CatchAllCtrl", function($scope, $routeParams) { 
    $scope.templatePath = $routeParams.templatePath + '.html'; 
});