Close

BLOGS

Angular JS - An Overview

What is AngularJS?

AngularJS is an open source web application framework.AngularJS is a JavaScript framework. It can be added to an HTML page with a <script> tag. AngularJS extends HTML attributes with Directives, and binds data to HTML with Expressions.

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Angular's data binding and dependency injection eliminate much of the code you currently have to write. And it all happens within the browser, making it an ideal partner with any server technology.


Features

  • AngularJS is a powerful JavaScript based development framework to create RICH Internet Application(RIA).
  • AngularJS provides developers options to write client side application (using JavaScript) in a clean MVC(Model View Controller) way.
  • Application written in AngularJS is cross-browser compliant. AngularJS automatically handles JavaScript code suitable for each browser.
  • AngularJS is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache License version 2.0.
  • Data-binding − It is the automatic synchronization of data between model and view components.
  • Scope − These are objects that refer to the model. They act as a glue between controller and view.
  • Controller − These are JavaScript functions that are bound to a particular scope.
  • Services − AngularJS come with several built-in services for example $https: to make a XMLHttpRequests. These are singleton objects which are instantiated only once in app.
  • Filters − These select a subset of items from an array and returns a new array.
  • Directives − Directives are markers on DOM elements (such as elements, attributes, css, and more). These can be used to create custom HTML tags that serve as new, custom widgets. AngularJS has built-in directives (ngBind, ngModel...)
  • Templates − These are the rendered view with information from the controller and model. These can be a single file (like index.html) or multiple views in one page using "partials".
  • Routing − It is concept of switching views.
  • Model View Whatever − MVC is a design pattern for dividing an application into different parts (called Model, View and Controller), each with distinct responsibilities. AngularJS does not implement MVC in the traditional sense, but rather something closer to MVVM (Model-View-ViewModel). The Angular JS team refers it humorously as Model View Whatever.
  • Deep Linking − Deep linking allows you to encode the state of application in the URL so that it can be bookmarked. The application can then be restored from the URL to the same state.
  • Dependency Injection − AngularJS has a built-in dependency injection subsystem that helps the developer by making the application easier to develop, understand, and test.

Advantages of AngularJS

  1. AngularJS provides capability to create Single Page Application in a very clean and maintainable way.
  2. AngularJS provides data binding capability to HTML thus giving user a rich and responsive experience
  3. AngularJS code is unit testable.
  4. AngularJS uses dependency injection and make use of separation of concerns.
  5. AngularJS provides reusable components.
  6. With AngularJS, developer write less code and get more functionality.
  7. In AngularJS, views are pure html pages, and controllers written in JavaScript do the business processing.


Disadvantages of AngularJS

  1. Though AngularJS comes with lots of plus points but same time we should consider the following points −
  2. Not Secure − Being JavaScript only framework, application written in AngularJS are not safe. Server side authentication and authorization is must to keep an application secure.
  3. Not degradable − If your application user disables JavaScript then user will just see the basic page and nothing more.

 

The AngularJS Components
The AngularJS framework can be divided into following three major parts −

  1. ng-app − This directive defines and links an AngularJS application to HTML.
  2. ng-model − This directive binds the values of AngularJS application data to HTML input controls.
  3. ng-bind − This directive binds the AngularJS Application data to HTML tags.
Print
Posted: Mar 10, 2018,
Categories: .NET Platform,
Comments: 0,
Author: Urish Arora
Tags: AngularJS
Rate this article:
5.0

Urish AroraUrish Arora

Other posts by Urish Arora

, Contact author

Please login or register to post comments.

Name:
Email:
Subject:
Message:
x

SEARCH

Categories

«July 2020»
MonTueWedThuFriSatSun
293012345
6789101112
13141516171819
20212223242526
272829303112
3456789

  • Featured Posts
  • Recent Posts
  • Recent Comments
Dynamics365Authority is a community platform for Professionals and Students to contribute or share their knowledge and skills on Microsoft Dynamics 365 Technologies. Our primary goal is to invite professionals on Dynamics 365 technology across the world to contribute & share their knowledge and skills through their blogs so that we can help other developers.
Stay updated with Dynamics 365 technology. Improve skills and knowledge from our blogs, articles and code snippets. Learn it. Follow professionals and learn from them.
Unified Service Desk Book(Online Edition) 

FOLLOW US

Stay connected with us on our social media channels for latest articles, blogs posts etc.  We will keep updating regularly on our social media platform and web platform.

FACEBOOK

Follow us on Facebook

 

TWITTER

View all our tweets

 

DYNAMICS365AUTH

Join us now

 

BLOGS

View our blogs

 

 

Latest Blog

Posted: Mar 7, 2020

Attach files to Notes record of Microsoft Dynamics 365 CRM from the D365 CRM Custom Portal

This blog is about to add Attach Files to Notes records in an entity of Microsoft Dynamics 365 CRM from the D365 CRM Custom Portal

Read more
Posted: Feb 7, 2020

PowerApps Portals - Quick Start

This blog is about to create a portal in PowerApps and its adding page and entity list into the page.

Read more
Posted: Feb 6, 2020

What is the New PowerApps Portal?

This blog is about the detail discussion on PowerApps Portal

Read more
RSS

ADDITIONAL RESOURCES

Dynamics 365 Authority.com - Search the library for "Dynamics 365"

  What's New in Dynamics 365

  Dynamics 365 Documentation

  

  Sign-up for 30 days trial

 

 

Recent comments

Ashish:

Nice blog. Very helpful to get all references to white papers at one place.

Previous Next

About Us

Here comes the Dynamics 365 Authority - Great technical blog posts are hidden gems. They are hard to find simply because not enough of us write them in the first place. Yet technical blogging is one of the best things we can do not only for ourselves, but also as members of the wider community of developers.

Dynamics 365 Authority leverages this platform to help developers and users to move from traditional paper-based process to modern digital business process. Dynamics365Authority.com helps your business grow, evolve and transform.

Dynamics365Authority.com is your Digital Transformation Partner

Recent Posts

Attach files to Notes record of Microsoft Dynamics 365 CRM from the D365 CRM Custom Portal

This blog is about to add Attach Files to Notes records in an entity of Microsoft Dynamics 365 CRM from the D365 CRM Custom Portal
  • 913
  • Article rating: 5.0

PowerApps Portals - Quick Start

This blog is about to create a portal in PowerApps and its adding page and entity list into the page.
  • 248
  • Article rating: 5.0
RSS

Follow Us

 

Tag cloud: Dynamics365Authority.com with Urish Arora; Dynamics365Authority.com; Sales; Leading community site on MS Dynamics 365; Dynamics 365 Authority; Service;Top CRM Blogs; Urish Arora - Australia's leading expert on Digital Transformation;  Digital Transformation; Field Service;Top Articles on MS Dynamics CRM Relationship Insights; Office 365 Security Compliance; Project Service; Microsoft Dynamics 365 for Sales; Relevance Search; Goal Metrics; Activities and Case; Sales Literature;Knowledge Management;

Terms Of UsePrivacy StatementCopyright 2020 by Dynamics365Authority
Back To Top