ఆంగులార్ జెఎస్ లోకాటియన్

ఇంజిల్ యాంగులర్ ఒక జావాస్క్రిప్ట్ ఫ్రేమ్వర్క్ఇది హెచ్ఎంఎల్ పేజీలో ఒక <script> టాగ్ తో జోడించబడవచ్చు.

ఇంజిల్ యాంగులర్ ద్వారానిర్దేశకంహెచ్ఎంఎల్ అత్యార్థికాంశాలను విస్తరించి, ఉపయోగిస్తుందిఅభివ్యక్తిహెచ్ఎంఎల్ కు డాటా బైండింగ్ చేస్తుంది

ఇంజిల్ యాంగులర్ జావాస్క్రిప్ట్ ఫ్రేమ్వర్క్

ఇంజిల్ యాంగులర్ జావాస్క్రిప్ట్ రూపంలో రచించబడింది జావాస్క్రిప్ట్ ఫ్రేమ్వర్క్

ఇంజిల్ యాంగులర్ జావాస్క్రిప్ట్ ఫైల్ రూపంలో పంపిణీ చేసి, స్క్రిప్ట్ టాగ్ తో పేజీలో జోడించవచ్చు:

<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>

ఇంజిల్ యాంగులర్ హెచ్ఎంఎల్ ను విస్తరించింది

ఇంజిల్ యాంగులర్ వినియోగిస్తుంది ng-నిర్దేశకంహెచ్ఎంఎల్ ను విస్తరించింది.

ng-app ఇంజిల్ యాంగులర్ అనువర్తనాన్ని నిర్వచిస్తుంది.

ng-model ఇంజిల్ యాంగులర్ హెచ్ఎంఎల్ కంట్రోల్స్ (input, select, textarea) విలువను అనుబంధిస్తుంది.

ng-bind ఇంజిల్ యాంగులర్ వినియోగించే డాటా ను హెచ్ఎంఎల్ దృశ్యానికి అనుబంధిస్తుంది.

ఆంగులార్ జెఎస్ ఇన్స్టాన్స్

<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body>
<div ng-app="">
  <p>పేరు: <input type="text" ng-model="name"></p>
  <p ng-bind="name"></p>
</body> </html>

亲自试一试

ఉదాహరణ వివరణ:

పేజీ లోడ్ అయిన తర్వాత, అంగులర్ జెఎస్ స్వయంచాలకంగా ప్రారంభం అవుతుంది.

ng-app ఇంజిల్ యాంగులర్ జెఎస్ వినియోగించే <div> మెటాక్స్ అంటే అంగులర్ జెఎస్ అనువర్తనంయొక్క యజమాని.

ng-model ఆదేశం వ్యవస్థాపకం వినియోగించే ఫీల్డ్ విలువను అనుబంధిస్తుంది name。

ng-bind 指令将

元素的内容绑定到应用程序变量 name。

ఆంగులార్ జెఎస్ ఇన్స్ట్రక్షన్స్

如您所见，AngularJS 指令是带有 ng ప్రిఫిక్స్ హైలైట్ హైలైట్ ఉపయోగించబడింది.

ng-init ఆదేశం ఆంగుళర్ యాప్లికేషన్ వేరియబుల్స్ నిర్వచిస్తుంది。

ఆంగులార్ జెఎస్ ఇన్స్టాన్స్

<div ng-app="" ng-init="firstName='Bill'">
<p>పేరు ఉంది <span ng-bind="firstName"></span></p>

亲自试一试

లేదా మంచి హైలైట్ ఉపయోగించవచ్చు:

ఆంగులార్ జెఎస్ ఇన్స్టాన్స్

<div data-ng-app="" data-ng-init="firstName='Bill'">
<p>పేరు ఉంది <span data-ng-bind="firstName"></span></p>

亲自试一试

మీరు పేజీ హైలైట్ హైలైట్ చేయడానికి కావలసినప్పుడు, మీరు ఉపయోగించవచ్చు data-ng- కాదు ng-。

మీరు ఈ పాఠ్యక్రమం తర్వాత ఆదేశాల గురించి మరింత సమాచారం అనుభవించగలరు.

ఆంగులార్ జెఎస్ ఎక్స్ప్రెషన్స్

ఆంగుళర్ జిఎస్ అనుభవం రెండు పెద్ద కుట్టులో రాసబడింది ఉంటుంది:{{ expression }}。

ఆంగుళర్ జిఎస్ అనుభవం అనుభవం స్థానంలో డాటా 'అవుట్పుట్' చేస్తుంది:

ఆంగులార్ జెఎస్ ఇన్స్టాన్స్

<!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-bind ఆదేశం పద్ధతిలో అన్నింటికీ అదే విధంగా ఉంటుంది.

ఆంగులార్ జెఎస్ ఇన్స్టాన్స్

<!DOCTYPE html>
<html>
<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<body>
<div ng-app="">
  <p>పేరు: <input type="text" ng-model="name"></p>
  <p>{{name}}</p>

</body>
</html>

亲自试一试

మీరు ఈ పాఠ్యక్రమం తర్వాత అనుభవించగలరు అనుభవం సమాచారం.

ఆంగులార్ జెఎస్ అప్లికేషన్

ఆంగుళర్ జిఎస్ మాడ్యూల్ఆంగుళర్ యాప్లికేషన్ని నిర్వచించండి。

ఆంగుళర్ జిఎస్ కంట్రోలర్నియంత్రించండి ఆంగుళర్ యాప్లికేషన్లను。

ng-app ఆదేశం అనువర్తనాన్ని నిర్వచిస్తుంది,ng-controller ఆదేశం కంట్రోలర్ నిర్వచిస్తుంది。

ఆంగులార్ జెఎస్ ఇన్స్టాన్స్

<div ng-app="myApp" ng-controller="myCtrl">
పేరు: <input type="text" ng-model="firstName"><br>
姓氏：



全名：{{firstName + " " + lastName}}

亲自试一试

AngularJS 模块定义应用程序：

ఆంగులార్ జెఎస్ మొడ్యూల్స్

var app = angular.module('myApp', []);

AngularJS 控制器控制应用程序：

ఆంగులార్ జెఎస్ కంట్రోలర్స్

app.controller('myCtrl', function($scope) {
  $scope.firstName= "Bill";
  $scope.lastName= "Gates";
});

您将在本教程后面了解有关模块和控制器的更多信息。