AngularJS
एनजी-व्यू
खोज…
परिचय
एनजी-व्यू इन-बिल्ट निर्देश में से एक है जिसे कोणीय दृश्य के बीच स्विच करने के लिए कंटेनर के रूप में उपयोग किया जाता है। {info} ngRoute अब बेस angular.js फ़ाइल का हिस्सा नहीं है, इसलिए आपको अपनी कोणीय javascript फ़ाइल के बाद कोणीय- path.js फ़ाइल को शामिल करना होगा। हम $ मार्गप्रोपाइडर के "जब" फ़ंक्शन का उपयोग करके एक मार्ग को कॉन्फ़िगर कर सकते हैं। हमें पहले मार्ग को निर्दिष्ट करने की आवश्यकता है, फिर दूसरे पैरामीटर में एक टेम्प्लेट यूआरएल संपत्ति और एक नियंत्रक संपत्ति के साथ एक वस्तु प्रदान करें।
एनजी-व्यू
ng-view मुख्य पृष्ठ लेआउट में आंशिक दृश्य प्रस्तुत करने के लिए $route साथ उपयोग किया जाने वाला एक निर्देश है। यहाँ इस उदाहरण में, Index.html हमारी मुख्य फ़ाइल है और जब उपयोगकर्ता भूमि "/" मार्ग पर templateurL home.html को index.html में प्रस्तुत किया जाएगा, जहाँ ng-view का उल्लेख किया गया है।
angular.module('ngApp', ['ngRoute'])
.config(function($routeProvider){
$routeProvider.when("/",
{
templateUrl: "home.html",
controller: "homeCtrl"
}
);
});
angular.module('ngApp').controller('homeCtrl',['$scope', function($scope) {
$scope.welcome= "Welcome to stackoverflow!";
}]);
//Index.html
<body ng-app="ngApp">
<div ng-view></div>
</body>
//Home Template URL or home.html
<div><h2>{{welcome}}</h2></div>
पंजीकरण नेविगेशन
- हम एप्लिकेशन में मॉड्यूल को इंजेक्ट कर रहे हैं
var Registration=angular.module("myApp",["ngRoute"]);
- अब हम "ngRoute" से $ मार्गप्रोवाइडर का उपयोग करते हैं
Registration.config(function($routeProvider) {
});
- अंत में हम मार्ग को एकीकृत करते हैं, हम मामले में आवेदन करने के लिए "/ जोड़ें" रूटिंग को परिभाषित करते हैं आवेदन प्राप्त करें "/ जोड़ें" इसे regi.htm के लिए मोड़ दें
Registration.config(function($routeProvider) {
$routeProvider
.when("/add", {
templateUrl : "regi.htm"
})
});