कोणीय 1.5 रूटिंग उदाहरण

Question

मैं $ मार्ग का उपयोग कर एक कोणीय 1.5 रूटिंग उदाहरण का पता लगाने की कोशिश कर रहा हूं। जेएसएफडल उदाहरण मैंने ब्रेक को देखा है यदि मैं कोड उदाहरण बनाने के लिए इस्तेमाल किए गए उच्च कोणीय संस्करण का उपयोग करता हूं। मुझे 1.2 से ऊपर काम करने वाला कुछ भी नहीं मिल रहा है। आदर्श रूप से मुझे AngularJS 1.5 के लिए एक कामकाजी उदाहरण की आवश्यकता है।

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

कौन सा 1.2 (और शायद ऊपर) के लिए विफल रहता है:

मैं पहले से ही this उदाहरण की कोशिश की है।

Answer 1

जब AngularJS 1.2 जारी किया गया था ngRoute अपने मॉड्यूल में स्थानांतरित कर दिया गया है। इसका मतलब है कि आपको ऊपर काम करने और AngularJS 1.2 के बराबर करने के लिए रूटिंग प्राप्त करने के लिए एक अलग फ़ाइल शामिल करने की आवश्यकता है। इसका मतलब यह है करने के लिए पहली बात यह है angular-route.js फ़ाइल को शामिल करने के लिए है, बस के रूप में आप किसी भी अन्य स्क्रिप्ट

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

दूसरा, अपने अनुप्रयोग मॉड्यूल के लिए निर्भरता शामिल है को शामिल किया जाएगा।

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

अंतिम आप कॉन्फ़िगर कर सकते अपने $routeProvider आप ऊपर अपने कोड में किया था के रूप में:

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

मार्ग के पीछे पूरे सेटअप जादू है कि। यहां एक काम कर रहे example है।

संपादित करें 1:

आप bower उपयोग कर रहे हैं तो आपको निम्न का मॉड्यूल प्राप्त कर सकते हैं:

bower install angular-route