AngularJS

In software development, AngularJS (commonly referred to as "Angular") is an open source web application JavaScript framework for developing single-page applications.

This article focuses on Angular 2.

Description

AngularJS simplifies both the development and the testing of web applications by providing a framework for client-side Model–view–controller (MVC) architecture, along with components commonly used in rich Internet applications.

AngularJS works by first reading the HTML page, which has embedded into it additional custom tag attributes.

Angular interprets those attributes as directives to bind input or output parts of the page to a model that is represented by standard JavaScript variables.

The values of those JavaScript variables can be manually set within the code, or retrieved from static or dynamic JSON resources.

Component

The Component is the most fundamental of Angular concepts.

A component is a class that controls a view template.

A component manages a view: a piece of the web page which displays information for the user, and responds to user feedback.

Component configuration

The Component method takes a configuration object with three properties.

• The Class method is where you implement the component itself, giving it properties and methods that bind to the view and whatever behavior is appropriate for this part of the UI.

Modules

Angular apps are modular. They consist of many files each dedicated to a purpose.

ES5 JavaScript doesn't have a native module system. There are several popular 3rd party module systems available.

Promises

Promises in AngularJS are provided by the built-in $q service. They provide a way to execute asynchronous functions in series by registering them with a promise object.

Promises have made their way into native JavaScript as part of the ES6 specification. The angular $q service provides an interface that closely resembles this new API so porting code to ES6 should be easy.

See Promise object (JavaScript).

TreeView

See:

• Angular Treeview @ ngmodules.org
• AngularJS UI Tree @ github.io
• Is it possible to make a Tree View with Angular?

See also

• Client-side
• Framework (computing)
• JavaScript library
• Web application

External links

• Official website
• Developer guide
• Introduction
• Conceptual overview
• Tutorial
• Angular code examples @ code.karljones.com
• AngularJS @ Wikipedia