AngularJs Controller In Hindi:-

Angular Js में बनने वेबसाइट या एप्लीकेशन को पूरी तरह से Angular Controller (कंट्रोलर) द्वारा नियंत्रित किया जाता है या हम साधारण भाषा में कहे तो ऐसा कह सकते है की AngularJs के उपयोग से बनाने वाला Website या Application पूरी तरह से Angular Controller (कंट्रोलर) पर आधारित होता है |

Angular Controller (कंट्रोलर) को Angular Module के नीचे परिभाषित किया जाता है |

Angular Controller (कंट्रोलर) को अपने वेबसाइट से जोड़ने के लिए ng-controller Directive का उपयोग किया जाता है|

Angular Controller (कंट्रोलर) वास्तव में Javascript Function( फंक्शन ) , Attribute (एट्रीब्यूट ) , और Data डेटा का समूह होता है |

चलिए उदाहरण के मदद से देख लेते है की हम किस तरह से एक Angular Controller (कंट्रोलर) बनाकर उसे अपने प्रोजेक्ट में जोड़ते हैं |

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

<body ng-app="myApp" ng-controller="myController">
<input type="text" name="name" ng-model="name" />
<h1>{{name}}</h1>
</body>

<script>
var app = angular.module("myApp",[]);
app.controller('myController',function($scope){
$scope.name="Web3tutorial.com";
})
</script>

</html>

 

ऊपर लिखे कोड में से बहुत कुछ आप को समझ में नहीं आ रहा होगा इसके लिए आप को घबड़ाने की जरुरत नहीं है ऊपर लिखे कोड को हम आगे बिस्तर से समझेंगे आप बस इतना समझें की किस तरह से हम Angular Controller को बनाते है और उसे अपने HTML पेज से जोड़ते है |

AngularJs ng model directive In Hindi :-