ఏంజులర్ జి ఎక్స్ప్రెషన్స్

ఆంగులర్ జిఎస్ ద్వారాఎక్స్ప్రెషన్డాటాను హైట్ముల్ కు బ్యాండ్ చేస్తుంది.

ఏంజులర్ జి ఎక్స్ప్రెషన్స్

ఆంగులర్ జిఎస్ ఎక్స్ప్రెషన్స్ డబుల్ హోల్ డ్యాక్టర్స్ లో వ్రాయబడవచ్చు:{{ expression }}.

ఆంగులర్ జిఎస్ ఎక్స్ప్రెషన్స్ ఆదేశాలలో కూడా వ్రాయవచ్చు:ng-bind="expression".

ఏంజులర్ జి ఎక్స్ప్రెషన్స్ఆంగులర్ జిఎస్ ఎక్స్ప్రెషన్స్ పరిశీలిస్తుంది మరియు ఎక్స్ప్రెషన్స్ వ్రాయబడిన స్థానంలో ఫలితాన్ని అందిస్తుంది. జావాస్క్రిప్ట్ ఎక్స్ప్రెషన్స్వాటిలో పదార్థికాంశాలు, ఆపరేటర్లు మరియు వేరియబుల్స్ ఉండవచ్చు.

ఉదాహరణ: {{ 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>
</body> </html>

亲自试一试

నివృత్తి చేసినప్పుడు ng-app ఆదేశాలు, హైట్ముల్ ఎక్స్ప్రెషన్స్ ను అసలుగా ప్రదర్శిస్తుంది మరియు పరిశీలించదు:

ఉదాహరణ

<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body>
<div>
  <p>నా మొదటి ఎక్స్ప్రెషన్: {{ 5 + 5 }}</p>
</body> </html>

亲自试一试

మీరు ఇష్టం అయ్యే ఏ స్థానంలో ఎక్స్ప్రెషన్స్ రాయవచ్చు, ఆంగులర్ జిఎస్ సరళంగా ఎక్స్ప్రెషన్స్ పరిశీలించి ఫలితాన్ని అందిస్తుంది.

ఉదాహరణ: AngularJS సిఎస్ఎస్ లోపలి అమ్మరంబారం విలువను మార్చండి.

దిగువ ఇన్పుట్ రంగును మార్చడానికి విలువను మార్చండి:

తేలికపాటి నీలం

ఉదాహరణ

<div ng-app="" ng-init="myCol='lightblue'">
<input style="background-color:{{myCol}}" ng-model="myCol">

亲自试一试

AngularJS సంఖ్యలు

AngularJS సంఖ్యలు జావాస్క్రిప్టు సంఖ్యల వంటివి ఉన్నాయి:

ఉదాహరణ

<div ng-app="" ng-init="quantity=1;cost=5">
<p>మొత్తం మొత్తం (డాలర్లు):{{ quantity * cost }}</p>

亲自试一试

ఉపయోగించండి ng-bind అదే ఉదాహరణకు ఈ మీద చూడండి:

ఉదాహరణ

<div ng-app="" ng-init="quantity=1;cost=5">
<p>మొత్తం మొత్తం (డాలర్లు):<span ng-bind="quantity * cost"></span></p>

亲自试一试

ng-init ఉపయోగం తక్కువగా ఉంటుంది. మీరు కంట్రోలర్స్ బాగ్స్ లో మంచి డాటా ఇనిషలైజేషన్ పద్ధతులను నేర్చుకుంటారు.

AngularJS ప్రయోగాలు

AngularJS ప్రయోగాలు జావాస్క్రిప్టు ప్రయోగాల వంటివి ఉన్నాయి:

ఉదాహరణ

<div ng-app="" ng-init="firstName='Bill';lastName='Gates'">
<p>పేరు ఇది {{ firstName + " " + lastName }}</p>

亲自试一试

ng-bind ఉపయోగించిన అదే ఉదాహరణకు ఈ మీద చూడండి:

ఉదాహరణ

<div ng-app="" ng-init="firstName='Bill';lastName='Gates'">
<p>పేరు ఇది <span ng-bind="firstName + ' ' + lastName"></span></p>

亲自试一试

AngularJS ప్రయోగాలు

AngularJS ప్రయోగాలు జావాస్క్రిప్టు ప్రయోగాల వంటివి ఉన్నాయి:

ఉదాహరణ

<div ng-app="" ng-init="person={firstName:'Bill',lastName:'Gates'}">
<p>పేరు ఇది {{ person.lastName }}</p>

亲自试一试

ng-bind ఉపయోగించిన అదే ఉదాహరణకు ఈ మీద చూడండి:

ఉదాహరణ

<div ng-app="" ng-init="person={firstName:'Bill',lastName:'Gates'}">
<p>పేరు ఇది <span ng-bind="person.lastName"></span></p>

亲自试一试

AngularJS ప్రయోగాలు

AngularJS ప్రయోగాలు జావాస్క్రిప్టు ప్రయోగాల వంటివి ఉన్నాయి:

ఉదాహరణ

<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>మూడవ ఫలితం ఇది {{ points[2] }}</p>

亲自试一试

ng-bind ఉపయోగించిన అదే ఉదాహరణకు ఈ మీద చూడండి:

ఉదాహరణ

<div ng-app="" ng-init="points=[1,15,19,2,40]">

The third result is

亲自试一试

AngularJS 表达式与 JavaScript 表达式

与 JavaScript 表达式类似,AngularJS 表达式可以包含字面量、运算符和变量。

与 JavaScript 表达式不同,AngularJS 表达式可以写在 HTML 内部。

AngularJS 表达式不支持条件语句、循环和异常,而 JavaScript 表达式则支持。

ఏంజులర్ జి ఎక్స్ప్రెషన్స్ ఫిల్టర్స్ సహాయపడుతుంది, కానీ జావాస్క్రిప్ట్ ఎక్స్ప్రెషన్స్ సహాయపడదు.

జావాస్క్రిప్ట్ ట్యూటోరియల్ లో జావాస్క్రిప్ట్ గురించి తెలుసుకోండి.