Ví dụ về định tuyến Angular 1.5

Question

Tôi đang cố định vị trí ví dụ định tuyến 1.5 bằng cách sử dụng $ route. Các ví dụ JSFiddle tôi đã nhìn vào phá vỡ nếu tôi sử dụng phiên bản góc cao hơn được sử dụng để tạo ví dụ mã. Tôi không thể tìm thấy bất cứ điều gì làm việc trên 1.2. Lý tưởng nhất là tôi cần một ví dụ làm việc cho AngularJS 1.5.

Tôi đã cố gắng this dụ:

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

Những thất bại cho 1.2 (và có lẽ ở trên).

Answer 1

Khi AngularJS 1.2 được phát hành ngRoute đã được chuyển sang mô-đun riêng. Điều này có nghĩa là bạn cần phải bao gồm một tập tin riêng biệt để có được định tuyến để làm việc ở trên và bằng AngularJS 1.2. Điều này có nghĩa là điều đầu tiên cần làm là đưa angular-route.js tập tin, cũng giống như bạn có thể bao gồm bất kỳ kịch bản khác

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

Thứ hai, có bao gồm sự phụ thuộc vào mô-đun ứng dụng của bạn.

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

ngoái, bạn có thể cấu hình của bạn $routeProvider như bạn đã làm trong mã của bạn ở trên:

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

Đó là toàn bộ thiết lập kỳ diệu đằng sau định tuyến. Đây là một hoạt động example.

Sửa 1:

Nếu bạn đang sử dụng bower bạn có thể nhận được các module như sau:

bower install angular-route