$scope Service of AngularJs Hindi:-

$scope Service :-

दोस्तों AngularJs के $scope Service का उपयोग हम पहले भी कई बार कर चुके हैं लेकिन आज हम विस्तार से समझेंगे कि आखिर हम $scope Service का उपयोग क्यों करते हैं ?

$scope AngularJs का एक विशेष Service है जिसका मुख्य कार्य है AngularJs के Controller को HTML Page मतलब की view के साथ जोड़ता है |

$scope service का उपयोग हम मुख्य रूप से इसलिए करते हैं ताकि Angular Controller(कंट्रोलर) के डाटा को हम HTML page पर लाकर दिखा सके |मतलब की अगर हम अंदर Angular Controller के अंदर स्थित हम किसी भी data जैसे की Number, Sentence को जमा कर सकते हैं और उसे हम HTML पेज पर दिखा सकते हैं देखते हैं चलिए इसका एक उदाहरण देख लेते हैं |

Example 1:-

<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 ">
<h1>{{ website }}</h1>
</body>

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

ऊपर के उदाहरण में आप देख सकते हैं कि हमने सबसे पहले myApp नाम का एक Angular Module बनाया है उसके बाद ‘myController नाम का एक Angular Controller बनाया है और उस Controller के अंदर हम $scope की मदद से website में हमने एक sentence को जमा कर दिया है |

$scope.website के अंदर जमा sentence को अगर हम अपने Web Page पर देखने के लिए हमने angular expression का उपयोग किया है |

अगर हम चाहे तो $scope.website के अंदर जमा डाटा को हम Web Page पर देखने के लिए ng-model directive का उपयोग भी कर सकते हैं चलिए इसका भी एक उदाहरण देख लेते हैं |

Example 2:-

<html >
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.js"></script>
</head>
<body  ng-app="myApp" ng-controller="myController">
<br>
<input type="text" name="name" ng-model="website">
<h1>{{website}}</h1>
</body>

<script>
var app = angular.module('myApp',[]);
app.controller('myController',function($scope){
$scope.website = 'AngularJs  in Hindi';
});
</script>

</html>

ऊपर लिखे कोड को कॉपी करने के बाद जब आप इस से अपने Web Browser पर खोलेंगे तब इनपुट फील्ड के अंदर जमा Message (AngularJs In Hindi ) को बदलने से आपके वेब पेज पर लिखे Value भी बदलने लगेंगे |

यह AngularJs का बहुत ही महत्वपूर्ण गुण है जिसके बारे में हम बाद में पढ़ेंगे |