Angular

Angular

  • Angular is a structural framework for building dynamic web apps. With Angular designers can use HTML as the template language and it allows for the extension of HTML's syntax to convey the application's components effortlessly. Angular has components and those components are highly reusable in the Angular application.
  • Angular is a cross platform language. It supports multiple platforms. You can build different types of apps by using Angular.Those application are Desktop applications, Native applications, Progressive web applications.
  • Angular provides Testing, animation and Accessibility. It provides full stack development along with Node.js, Express.js, and MongoDB.

Special Characteristics of Angular

  1. MVC –  This is a design pattern used in all modern day web applications.
  2. Data Model Binding – You don’t need to write special code to bind data to the HTML controls. This can be done by Angular by just adding a few snippets of code.
  3. Writing less code
  4. Unit Testing ready – The designers at Google not only developed Angular but also developed a testing framework called “Karma” which helps in designing unit tests for AngularJS applications.

 Advantages of using Angular

  • Two-way data binding
  • DOM manipulation
  • Improved server performance
  • Faster application prototyping
  • Responsive web
  • Highly testable products
  • The MVVM architecture
  • Use of directives.
  • The Plain HTML templates

Disadvantages of using Angular

  • JavaScript support mandatory
  • Inexperience with MVC
  • Other difficult features
  • Possible time consumption


  • AngularJS is a one of  JavaScript framework. It can be included to an HTML page by using <script> tag.

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


  • AngularJS extends HTML with ng-directives.


  1. The ng-app directive defines an AngularJS application.
  2. The ng-model directive binds the value of HTML controls (input, select, textarea) to application data.
  3. The ng-bind directive binds application data to the HTML view.
  4. The ng-init directive initializes AngularJS application variables.


          Eg : <div data-ng-app="" data-ng-init="firstName='John'">

                  <p>The name is <span data-ng-bind="firstName"></span></p>



  • AngularJS expressions are written inside double braces: {{ expression }}.















Comments

Popular posts from this blog

Angular 6 - Data Binding Part 2

Machine Learning

Selenium - 1