AngularJS Module In Hindi:-

किसी Website या Application में AngularJS का उपयोग करने के लिए उस वेबसाइट के साथ AngularJS की लाइब्रेरी को Download करके जोड़ देने मात्र से ही हम AngularJS का उपयोग अपने प्रोजेक्ट में शुरू नहीं कर सकते |

इस से पहले कि हम AngularJS का उपयोग अपने Website में करें हमें AngularJS module को अपनी वेबसाइट में उस HTML Tag के साथ जोड़ना पड़ता है जिस HTML Tag के अंदर हम AngularJS का उपयोग करना चाहते हैं और याद रहे हम जिस HTML Tag के अंदर AngularJS module को जोड़ते हैं हम उसी के अंदर AngularJS का उपयोग कर सकते हैं उसके बाहर अगर हम AngularJS का उपयोग करना चाहे तो नहीं कर पाएंगे अगर हम पूरे Website में AngularJS का उपयोग करना चाहते हैं तो हम <html> Tag के साथ ही एम गूलर मॉडल को जोड़ सकते हैं जिससे की हम पूरे वेबसाइट के अंदर AngularJS का उपयोग कर सकते हैं या फिर हम चाहे तो <body> Tag के अंदर या किसी एक <div> Tag के अंदर भी AngularJS module को जोड़ सकते हैं |

अगर हम साधारण भाषा में कहें तो AngularJs से बनने वाले Website या Application का वह भाग जो दर्शकों को दिखाई देता है उनसे संबंधित Code को हम इसी AngularJS module के अंदर लिखते हैं |

AngularJS module को किसी वेबसाइट के साथ जोड़ने के लिए हमें ng-app directive का उपयोग करना होता है | एक उदाहरण से देखते हैं कि हम किस तरह से हम ng-app directive की मदद से AngularJS module को किसी HTML Tag के साथ जोड़ सकते हैं |

Example 1.

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>

 var app = angular.module("appModule ", []); 

 </script>
</head>
<body ng-app="appModule" >

</body>
</html>
ऊपर के उदाहरण में हमने appModule नाम का एक AngularJS module बनाया है और उसे AngularJS module को अपने HTML पेज के अंदर जोड़ने के लिए हमने ng-app Directive का उपयोग किया है |

जैसा कि मैंने पहले ही आपको बताया है कि अगर आप चाहें तो ng-app=”appModule” को अपने वेबसाइट में किसी भी दूसरे HTML Tag जैसे कि <html>, <div> के साथ भी जोड़ सकते हैं |चलिए इसका एक और उदाहरण देख लेते हैं :-

Example 2.

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>

 var app = angular.module("appModule ", []); 

 </script>
</head>
<body>
<div ng-app="appModule">

</div>
</body>
</html>

तो दोस्तों इस पाठ में हमने जाना कि AngularJS module क्या है और हम उसे किस तरह से अपने Web Page के साथ जोड़ सकते हैं अभी आप को AngularJS module के बारे में ज्यादा चिंता करने की कोई आवश्यकता नहीं है हम आगे इसके बारे में विस्तार से पढ़ेंगे |

 

AngularJs Directives In Hindi :-