Angularjs - Routing in Hindi




रूटिंग आपको अपने अनुप्रयोग को logical विचारों में विभाजित करने में और controller के लिए अलग-अलग दृश्य को बाँधने में मदद करता है

AngularJS में routing हमें multiviz एसपीए सिंगल पेज applications को लागू करने में सक्षम बनाती हैं एक multiviz application में एकाधिक दृश्य शामिल होंगे एचटीएमएल templates में जहां पर प्रत्येक template एक विशिष्ट मार्ग के साथ जुड़ा होता है और जो user की कार्रवाई के result को गतिशील रूप से लोड करता है लिंक पर क्लिक करना, browser में विशिष्ट URL टाइप करना ये सब routing का उपयोग से समभाव हुआ है,

AngularJS application अलग-अलग सामग्री को दिखा सकता है जिस पर मार्ग चुना गया है रूट्स मूल रूप से bookmark सक्षम यूआरएल के विशिष्ट सामग्री अंगुलर जेएस application के लिए हैं routing आपको अपने अनुप्रयोग को तार्किक विचारों में divided करने में मदद करता है और controllers के लिए अलग-अलग दृश्य को भी बाँधता है

AngularJS में routing कई मुख्य सुविधा में से एक है अंगुलियोज़ routing उदाहरण में, हम कई तरह के छोटे से single page का निर्माण करेंगे, जो आपको दिखाएगा कि कैसे एंगुलर जेएसएस में routing काम करता है।

Example Code

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>

<body ng-app="myApp">

<p><a href="#/!">Main</a></p>

<a href="#!maroon">Maroon</a>
<a href="#!navy">Navy</a>
<a href="#!purple">Purple</a>

<div ng-view></div>

<script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl : "main.htm"
    })
    .when("/red", {
        templateUrl : "maroon.htm"
    })
    .when("/green", {
        templateUrl : "navy.htm"
    })
    .when("/blue", {
        templateUrl : "purple.htm"
    });
});
</script>

<p>Plz Click on the links</p>
</body>
</html>