AngularJS परिचय

AngularJS सीखने से पहले आपको HTML, CSS, Javascript सीखना ज़रूरी है |
AngularJS को Google से support प्राप्त है | AngularJS एक JavaScript framework है |
इसे आप HTML page में <script> tag द्वारा add कर सकते है| AngularJS HTML को Directives द्वारा extend करता है और यह data को HTML में Expressions द्वारा बांधता है |

AngularJS library को JavaScript में लिखा गया है | इसे आप HTML में <script> tag द्वारा इस तरह add कर सकते है |

AngularJS Directives:
AngularJS directives HTML attributes है जिन्हे आगे ng लगा कर लिखा जाता है |


उदाहरण:
<!DOCTYPE html>
<html>
<script src=”http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js”></script>
<body>

<div ng-app=””>
<p>Name: <input type=”text” ng-model=”name”></p>
<p ng-bind=”name”></p>
</div>

</body>
</html>

ng-app directive HTML tag को बताता है की यह एक AngularJS application है |
ng-model directive HTML में input, select, textarea के value को application data से बांधता है |
ng-bind directive application के data को HTML view से बांधता है|
उदाहरण:

<!DOCTYPE html>
<html>
<script src=”http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js”></script>
<body>

<div ng-app=””>
<p>Name: <input type=”text” ng-model=”name”></p>
<p ng-bind=”name”></p>
</div>

</body>
</html>

ng-app directive AngularJS को बताता है की <div> के अंदर AngularJS application है |
ng-model directive input के मूल्य को variable name से बांधता है|
ng-bind directive <p> के innerHTML को variable name से बांधता है|

AngularJS Directives
ng-init directive AngularJS application variables ko initialize करता है |

Leave a Reply