AngularJS - अभिव्यक्तियाँ
एक्सप्रेशन का उपयोग HTML में एप्लिकेशन डेटा को बांधने के लिए किया जाता है। अभिव्यक्तियों को डबल घुंघराले ब्रेसिज़ के अंदर लिखा जाता है जैसे कि {{एक्सप्रेशन}}। अभिव्यक्तियाँ ngbind निर्देशों के समान व्यवहार करती हैं। AngularJS अभिव्यक्तियाँ शुद्ध जावास्क्रिप्ट अभिव्यक्तियाँ हैं और जहाँ उनका उपयोग किया जाता है वहाँ डेटा का उत्पादन करती है।
संख्याओं का उपयोग करना
<p>Expense on Books : {{cost * quantity}} Rs</p>
स्ट्रिंग्स का उपयोग करना
<p>Hello {{student.firstname + " " + student.lastname}}!</p>
वस्तु का उपयोग करना
<p>Roll No: {{student.rollno}}</p>
सरणी का उपयोग करना
<p>Marks(Math): {{marks[3]}}</p>
उदाहरण
निम्नलिखित उदाहरण सभी उपर्युक्त अभिव्यक्तियों का उपयोग दर्शाता है -
testAngularJS.htm
<html>
<head>
<title>AngularJS Expressions</title>
</head>
<body>
<h1>Sample Application</h1>
<div ng-app = "" ng-init = "quantity = 1;cost = 30;
student = {firstname:'Mahesh',lastname:'Parashar',rollno:101};
marks = [80,90,75,73,60]">
<p>Hello {{student.firstname + " " + student.lastname}}!</p>
<p>Expense on Books : {{cost * quantity}} Rs</p>
<p>Roll No: {{student.rollno}}</p>
<p>Marks(Math): {{marks[3]}}</p>
</div>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">
</script>
</body>
</html>
उत्पादन
एक वेब ब्राउज़र में फ़ाइल testAngularJS.htm खोलें और परिणाम देखें।