Angularjs - Application in Hindi

First Page

Web applications की दुनिया में फ्रंट एंड प्रोग्रामिंग new नहीं है, और यदि आपने कुछ समय वेब development में काम किया है तो आपने शायद अपनी परियोजना में कुछ javascript फ़्रेमवर्क का इस्तेमाल किया होगा हो AngularJS का उपयोग करने से पहले हम को पता करना होगा कि AngularJS क्या है और इसका यूज़ हम क्यों करते है

Angularjs एक javascript फ़्रेमवर्क लाइब्रेरी है और MVC या मॉडल-व्यू-कंट्रोल named एक बहुत ही popular सॉफ्टवेयर architecture पर आधारित है वर्ष 2009 में Google इंजीनियरों द्वारा developed, ढांचे को धीरे-धीरे popularity प्राप्त हुई और आज यह general रूप से उपयोग किए जाने वाले javascript फ़्रेमवर्क में से एक है

हर प्रोग्रामिंग भाषा में हम जिस application को सीखते हैं वह "हैलो वर्ल्ड" application होती है इससे पहले कि हम अपना पहला angularjs एप्लीकेशन बनाना शुरू करें, हमें angularjs एप्लीकेशन के real भागों को जानने की जरूरत है किसी भी आवेदन में तीन महत्वपूर्ण घटक होते हैं

ng-app - यह एक निर्देश है जो HTML पर AngularJS एप्लिकेशन को परिभाषित करता है और लिंक करता है
ng-model - AngularJS एप्लिकेशन में डेटा के मूल्यों को इसके निर्देश द्वारा एचटीएमएल इनपुट नियंत्रणों से बाँध जा सकता है।
ng-bind - AngularJS एप्लीकेशन डेटा में एचटीएमएल टैग्स की बाइंडिंग इस के निर्देश द्वारा होती है।

Example Code

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

<script>
var app = angular.module("myShoppingList", []); 
app.controller("myCtrl", function($scope) {
    $scope.products = ["Raju", "Malik", "Reena"];
});
</script>

<div ng-app="myShoppingList" ng-controller="myCtrl">
  <ul>
    <li ng-repeat="x in products">{{x}}</li>
  </ul>
</div>

<p>Angularjs Application List</p>

</body>
</html>

Example Result

{{x}}

Angularjs Application List

First Page