AngularJS Expressions

📌 AngularJS Expressions क्या हैं?

AngularJS Expressions वह तरीका है जिससे हम HTML के अंदर data को display कर सकते हैं।
यह expression कुछ calculation या variable values को सीधे {{ expression }} के बीच दिखाता है।

जैसे JavaScript में a + b, वैसे ही AngularJS में {{ a + b }}

🧠 आसान भाषा में:

Expression का मतलब होता है – कोई calculation या logic जो हमें result देता है।

AngularJS expressions HTML elements (जैसे <p>, <h1>, <div>, आदि) के अंदर dynamic data दिखाने के लिए इस्तेमाल होते हैं।

🧪 Basic Example

<!DOCTYPE html>
<html ng-app>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body>

<h2>AngularJS Expressions</h2>

<p>Enter number 1: <input type="number" ng-model="num1"></p>
<p>Enter number 2: <input type="number" ng-model="num2"></p>

<p>Sum is: {{ num1 + num2 }}</p>

</body>
</html>

✅ Output:

जैसे ही आप num1 और num2 में कोई value डालेंगे, AngularJS automatic उनका जोड़ करके दिखा देगा।

🔍 AngularJS Expressions कहाँ इस्तेमाल हो सकते हैं?

जगह	उदाहरण
HTML में	`<p>{{ 5 + 10 }}</p>`
Directive attributes में	`<input ng-model="name" placeholder="{{ name }}">`
Inside Controllers (advanced chapters में)	✅

⚙️ Expression vs JavaScript – फर्क क्या है?

Comparison	AngularJS Expression	JavaScript
Uses scope data	हाँ (Yes)	नहीं (No)
Uses conditionals	हाँ (Yes)	हाँ (Yes)
Uses loops	❌ नहीं	✅ हाँ
Secure	ज़्यादा secure	कम secure
Global variables	access नहीं करता	कर सकता है

AngularJS expression कभी भी browser के global object (जैसे window, document) को access नहीं करता। इसलिए ये ज़्यादा secure माने जाते हैं।

✨ Supported Operations in AngularJS Expressions:

Arithmetic: +, -, *, /, %
String Concatenation: 'Hello' + ' World'
Comparison: ==, !=, <, >, <=, >=
Boolean Logic: &&, ||, !

🧮 कुछ और Examples

➤ 1. String Concatenation:

<p>{{ 'Hello ' + name }}</p>

➤ 2. Conditional Logic:

<p>{{ marks >= 33 ? 'Pass' : 'Fail' }}</p>

➤ 3. Boolean Expression:

<p>{{ true && false }}</p>  <!-- Output: false -->

🎯 अभ्यास प्रश्न (Exercise)

AngularJS Expression का syntax क्या है?
क्या AngularJS expressions में loops का इस्तेमाल किया जा सकता है?
नीचे दिए गए expression का output क्या होगा अगर x = 10 और y = 5 हो?

<p>{{ x * y }}</p>

✅ आपने क्या सीखा?

AngularJS Expression क्या होता है
कैसे HTML में {{ }} के अंदर calculations या values दिखाई जाती हैं
JavaScript और AngularJS expression में क्या फर्क है
कई तरह के expressions के examples

अब आपका AngularJS की दुनिया में एक और मजबूत कदम हो चुका है! 👣

← Previous Next →

Angular JS Tutorial