एंजुलरजेएस एक्सप्रेशन
- पिछला पृष्ठ एंजुलरजेएस एक्ज़ैक्स
- अगला पृष्ठ एंजुलरजेएस मॉड्यूल
AngularJS द्वाराएक्सप्रेशनडाटा को HTML पर बांधता है।
एंजुलरजेएस एक्सप्रेशन
AngularJS एक्सप्रेशन दो बड़े बारे के अंदर लिखी जा सकती है:{{ expression }}।
AngularJS एक्सप्रेशन डिरेक्टिव के अंदर भी लिखी जा सकती है:ng-bind="expression"।
AngularJS एक्सप्रेशन को समझाता है और एक्सप्रेशन लिखने के स्थान पर परिणाम वापस देता है।
एंजुलरजेएस एक्सप्रेशनबहुत जैसा है जेवास्क्रिप्ट एक्सप्रेशनवे लिटरल, ऑपरेटर और वेरिएबल शामिल कर सकते हैं।
उदाहरण {{ 5 + 5 }} या {{ firstName + " " + lastName }}
उदाहरण
<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body>
<div ng-app="">
<p>मेरा पहला एक्सप्रेशन: {{ 5 + 5 }}</p>
</div>
</body>
</html>
अगर उसे हटा दिया गया है, ng-app डिरेक्टिव, HTML एकाकार एक्सप्रेशन को अच्छा-अच्छा दिखाएगा, इसे समझाता नहीं है:
उदाहरण
<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body>
<div>
<p>मेरा पहला एक्सप्रेशन: {{ 5 + 5 }}</p>
</div>
</body>
</html>
आप अपने पसंदीदा किसी स्थान पर एक्सप्रेशन लिख सकते हैं, AngularJS एकाकार एक्सप्रेशन को समझाता है और परिणाम वापस देता है।
उदाहरण: AngularJS द्वारा CSS गुण के मान को बदला जाए।
अपने मान को बदलकर नीचे इनपुट बॉक्स का रंग बदलें:
हल्का नीलाउदाहरण
<div ng-app="" ng-init="myCol='lightblue'">
<input style="background-color:{{myCol}}" ng-model="myCol">
</div>
AngularJS संख्या
AngularJS संख्या जैसे JavaScript संख्या:
उदाहरण
<div ng-app="" ng-init="quantity=1;cost=5">
<p>कुल राशि (डॉलर): {{ quantity * cost }}</p>
</div>
का उपयोग करना ng-bind उसी उदाहरण का उपयोग:
उदाहरण
<div ng-app="" ng-init="quantity=1;cost=5"> <p>कुल राशि (डॉलर): <span ng-bind="quantity * cost"></span></p> </div>
ng-init का उपयोग अनूठा नहीं है। आप नियंत्रकों के अध्याय में डाटा चालू करने के बेहतर तरीकों सीखेंगे।
AngularJS शब्दबंध
AngularJS शब्दबंध जैसे JavaScript शब्दबंध:
उदाहरण
<div ng-app="" ng-init="firstName='Bill';lastName='Gates'">
<p>नाम है {{ firstName + " " + lastName }}</p>
</div>
ng-bind के समान उदाहरण:
उदाहरण
<div ng-app="" ng-init="firstName='Bill';lastName='Gates'"> <p>नाम है <span ng-bind="firstName + ' ' + lastName"></span></p> </div>
AngularJS वस्तु
AngularJS वस्तु जैसे JavaScript वस्तु:
उदाहरण
<div ng-app="" ng-init="person={firstName:'Bill',lastName:'Gates'}">
<p>नाम है {{ person.lastName }}</p>
</div>
ng-bind के समान उदाहरण:
उदाहरण
<div ng-app="" ng-init="person={firstName:'Bill',lastName:'Gates'}">
<p>नाम है <span ng-bind="person.lastName"></span></p>
</div>
AngularJS एकलमुखी अनुग्रह
AngularJS एकलमुखी अनुग्रह जैसे है:
उदाहरण
<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>तीसरा परिणाम है {{ points[2] }}</p>
</div>
ng-bind के समान उदाहरण:
उदाहरण
<div ng-app="" ng-init="points=[1,15,19,2,40]"> <p>तीसरा परिणाम है <span ng-bind="points[2]"></span></p> </div>
एंजुलरजेएस एक्सप्रेशन और जेवेस्क्रिप्ट एक्सप्रेशन
जेवेस्क्रिप्ट एक्सप्रेशन के समान, एंजुलरजेएस एक्सप्रेशन को लिखावट, ऑपरेटर और वेरियेबल की लिखावट में शामिल किया जा सकता है。
जेवेस्क्रिप्ट एक्सप्रेशन के विपरीत, एंजुलरजेएस एक्सप्रेशन को एचटीएमएल के अंदर लिखा जा सकता है。
एंजुलरजेएस एक्सप्रेशन को जेवेस्क्रिप्ट एक्सप्रेशन के विपरीत, एंजुलरजेएस एक्सप्रेशन नहीं करता है कीडब्ल्यू लॉजिक, लूप और असामान्यता।
एंजुलरजेएस एक्सप्रेशन फिल्टर का समर्थन करता है, जबकि जेवेस्क्रिप्ट एक्सप्रेशन फिल्टर का समर्थन नहीं करता है。
हमारे जेवेस्क्रिप्ट ट्यूटोरियल में जेवेस्क्रिप्ट के बारे में जानें。
- पिछला पृष्ठ एंजुलरजेएस एक्ज़ैक्स
- अगला पृष्ठ एंजुलरजेएस मॉड्यूल
