సెకండరీ కోర్సులు
కోర్సు సిఫార్సులు:
ఏంజులర్ జి ఎక్స్ప్రెషన్స్
ఆంగులర్ జిఎస్ ద్వారాఎక్స్ప్రెషన్డాటాను హైట్ముల్ కు బ్యాండ్ చేస్తుంది.
ఏంజులర్ జి ఎక్స్ప్రెషన్స్
ఆంగులర్ జిఎస్ ఎక్స్ప్రెషన్స్ డబుల్ హోల్ డ్యాక్టర్స్ లో వ్రాయబడవచ్చు:{{ 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 表达式则支持。
ఏంజులర్ జి ఎక్స్ప్రెషన్స్ ఫిల్టర్స్ సహాయపడుతుంది, కానీ జావాస్క్రిప్ట్ ఎక్స్ప్రెషన్స్ సహాయపడదు.
జావాస్క్రిప్ట్ ట్యూటోరియల్ లో జావాస్క్రిప్ట్ గురించి తెలుసుకోండి.