Esempio di routing angolare 1.5

Question

Sto cercando di individuare un esempio di routing angolare 1.5 utilizzando $ route. Gli esempi JSFiddle che ho esaminato interrompono se uso una versione angolare più alta rispetto a quella usata per creare l'esempio di codice. Non riesco a trovare nulla che funzioni al di sopra 1.2. Idealmente ho bisogno di un esempio funzionante per AngularJS 1.5.

ho già provato this esempio:

var app = angular.module("myApp", []); 

app.config(function ($routeProvider) { 
    $routeProvider 
    .when('/this', { templateUrl: 'this.html' }) 
    .when('/that', { templateUrl: 'that.html' }) 
    .when('/other', { templateUrl: 'other.html' }) 
    .otherwise({ redirectTo: '/this' }); 
}); 

app.controller('MainCtrl', function ($scope) { 
}); 

che non riesce per la 1.2 (e presumibilmente sopra).

Answer 1

Quando è stato rilasciato AngularJS 1.2 ngRoute è stato spostato nel proprio modulo. Ciò significa che è necessario includere un file separato per far funzionare il routing sopra e uguale a AngularJS 1.2. Questo significa che la prima cosa da fare è quello di includere angular-route.js di file, proprio come si farebbe includere qualsiasi altro script

<script src="angular-route.js"> 

In secondo luogo, hanno includere la dipendenza al modulo app.

var myApp = angular.module('myApp', ['ngRoute', 'otherModule']); 

scorso, è possibile configurare il $routeProvider come avete fatto nel vostro codice di cui sopra:

app.config(function($routeProvider){ 
    $routeProvider 
     .when('/',{ 
      template: '<h1>Work</h1><a href="#/test">Test Route</a>' 
     }) 
     .when('/test',{ 
      template: '<h1>Test</h1><a href="#/">Back</a>' 
     }) 
     .otherwise({ 
     template: '<h1>Not Found</h1>' 
     }); 
}); 

Questo è l'intero setup magia dietro l'instradamento. Ecco un lavoro example.

Edit 1:

Se si utilizza bower è possibile ottenere il modulo con il seguente:

bower install angular-route