Angularjs - Scope in Hindi




Angularjs में स्कोप एक ऐसा object होता है जो दृश्य और controllers के बीच साझा context के रूप में कार्य करता है और यह application मॉडल से संबंधित सूचना का आदान-प्रदान करने के लिए दो परतों को सक्षम करता है

Scope Ideas के साथ controllers में शामिल होने की भूमिका को निभाता है यह दृश्य और controllers के लिए उपलब्ध होता है scope एक वस्तु है जिसे HTML दृश्य और javascript के बीच बाध्यकारी भाग के रूप में निर्दिष्ट किया गया है

AngularJS में $scope एक built-in ऑब्जेक्ट है, जिसमें एप्लिकेशन का डेटा और तरीके शामिल हैं आप एक controller फ़ंक्शन के अंदर $scope object में properties को बना सकते हैं और इसके लिए एक मान या फ़ंक्शन को निर्दिष्ट कर सकते हैं

Example Code

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
</head>
<body ng-app="myNgApp">
<h1>AngularJS Scope</h1>
    <div ng-controller="myController">
        This is Message <br />
        {{message}}<br />
        <span ng-bind="message"></span> <br />
        <input type="text" ng-model="message" /> 
    </div>
    <script>
        var ngApp = angular.module('myNgApp', []);

        ngApp.controller('myController', function ($scope) {
            $scope.message = "Hello My World!";        
        });
    </script>
</body>
</html>

Example Result

AngularJS Scope

This is Message
{{message}}

AngularJS application में प्रत्येक controller के लिए एक अलग $scope object बनाता है और इंजेक्ट करता है इसलिए, एक controller के अंदर $scope के साथ जुड़े डेटा और विधियों को दूसरे नियंत्रक में नहीं पहुंचाया जा सकता है

Nested कंट्रोलर के साथ, child controller माता-पिता के controller के दायरे के उद्देश्य को प्राप्त करेगा इसलिए, बच्चे controller अभिभावकीय controller में जोड़े जाने वाले गुणों को एक्सेस कर सकता है, लेकिन मूल controller बच्चे नियंत्रक में जोड़े गए गुणों को एक्सेस नहीं कर सकता।