Friday, May 25, 2018

What is AngularJs ?



Introduction:


AngularJS is a structural JavaScript framework for dynamic web apps. AngularJS extends HTML with new attributes.



It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly. AngularJS is perfect for Single Page Applications (SPAs).


Before you study AngularJS, you should have a basic understanding of:

  • HTML
  • CSS
  • JavaScript

Basics of AngularJS:


  • directives, 
  • expressions,
  • filters, 
  • modules, 
  • controllers,
  • binding


How to add angularjs reference to web page:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.8/angular.min.js"></script>

AngularJs basic directives:

AngularJS extends HTML tags with ng-directives. The ng-app directive defines an AngularJS application. The ng-model directive binds the value of HTML controls (input, select, textarea) to application data.The ng-bind directive binds application data to the HTML view.

Example for angularJs:

<!DOCTYPE html>
<html lang="en-US">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.8/angular.min.js"></script>
<body>
<div ng-app="">
  <p>Name : <input type="text" ng-model="typedname"></p>
  <h1>Hello {{typedname}}</h1>
</div>
</body>
</html>
We will discuss the data binding in our next posts.

To buy the products in amazon.in, click the below link.

Today Deals at Amazon.in







1 comment:

Whats new in Angular 8

Angular 8 was released in May 2019 and  th e key features of angular 8 are as follows in brief, Differential loading Dynamic imports ...