2015-10-21 13 views
6

Ich versuche, ein angulares 1.5 Routing-Beispiel mit $ route zu finden. Die JSFiddle-Beispiele, die ich untersucht habe, werden abgebrochen, wenn ich eine höhere Winkelversion verwende als zur Erstellung des Codebeispiels. Ich finde nichts, was über 1.2 funktioniert. Idealerweise brauche ich ein funktionierendes Beispiel für AngularJS 1.5.Angular 1.5 Routing-Beispiel

Ich habe bereits versucht, this Beispiel:

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) { 
}); 

, die für 1.2 (und vermutlich oben) ausfällt.

+0

habe ich versucht, dieses eine meiner eigenen. funktioniert wieder für eckige 1.0 und schlägt für 1.2 fehl. http://jsfiddle.net/pa6gyu7x/2/ –

Antwort

7

Wenn AngularJS 1.2 freigegeben wurde, wurde ngRoute in ein eigenes Modul verschoben. Das bedeutet, dass Sie eine separate Datei hinzufügen müssen, um das Routing zum Arbeiten über AngularJS 1.2 zu bringen. Das bedeutet, das erste, was zu tun ist, angular-route.js Datei enthalten sein, ebenso wie jedes andere Skript

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

Zweitens haben, gehören die Abhängigkeit zu Ihrer App-Modul umfassen würde.

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

Last, können Sie Ihre $routeProvider konfigurieren, wie Sie in Ihrem Code tat oben:

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

, dass die ganze Einrichtung Magie hinter dem Routing ist. Hier ist eine funktionierende example.

Edit 1:

Wenn Sie bower verwenden Sie das Modul mit dem folgenden erhalten können:

bower install angular-route 
+0

Problem gelöst. Vielen Dank für deine Hilfe. –

Verwandte Themen