AngularJs Expression In Hindi:-

दोस्तों आज हम Angular Expression के बारे में पढ़ने वाले हैं Angular में दो curly brackets(ब्रैकेट) मतलब की {{ }} चिह्न को Angular Expression कहा जाता है | इस चिह्न को हम साधारण बोलचाल की भाषा में दूसरा brackets(ब्रैकेट) या second brackets(ब्रैकेट) भी कहते हैं |

AngularJs के उपयोग से बनने वाले वेबसाइट और एप्लीकेशन में में Angular Expression का कई प्रकार से उपयोग किया जाता है उदाहरण के लिए अगर हम चाहे तो किसी दो संख्या को जोड़ने के लिए घटाने के लिए या किसी भी प्रकार के साधारण गणित संबंधी काम के लिए हम Angular Expression का उपयोग कर सकते हैं |

चलिए इसका एक उदाहरण देख लेते हैं:-

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

<body  ng-app>
<h1>{{5+5}}</h1>
<h1>{{5-5}}</h1>
<h1>{{5*5}}</h1>
<h1>{{5/5}}</h1>
</body>

</html>

तो ऊपर के उदाहरण में आपने देखा कि हम किस प्रकार से Angular Expression का उपयोग अपने वेबसाइट में कर सकते हैं | साथ ही ऊपर एक और ध्यान देने वाली बात यह है कि जब हम इस प्रकार से Angular Expression का उपयोग अपने Web Page में करते हैं तो हमें Angular Module का नाम अपने ng-app के साथ नहीं जोड़ना होता है मतलब कि अगर हम चाहे तो बिना Angular Module के नाम को जोड़े केवल ng-app लिखकर ही Angular Expression का उपयोग कर सकते हैं |

लेकिन यह तरीका सभी परिस्थितियों में काम नहीं करता है नीचे के उदाहरण में आप देख सकते हैं कि जब हम Angular Controller में परिभाषित की गई वैल्यू को Angular Expression की मदद से अपने Web Page पर दिखाना चाहते हैं तब हमें एंड Angular Module को अपने Web page से जोड़ना होता है साथ ही Angular Controller को भी अपने web page से जोड़ना पड़ता है |

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

<body ng-app="myApp" ng-controller="myController">
{{name}}
</body>

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

</html>

ऊपर के उदाहरण में Angular Controller के अंदर $scope.name में जो Value डिफाइन की गई है उसे अपने Web Page पर Display करवाने के लिए हमने Angular Expression का उपयोग किया है | आने वाले पाठ में हम ऊपर लिखे कोड को विस्तार से समझेंगे | इस पाठ में हमने एन Angular Expression के बारे में जाना |

 

 

AngularJS services in hindi :-