Showing posts with label Key Features. Show all posts
Showing posts with label Key Features. Show all posts

AngularJS Key Features

 Key Features
 Key Features


AngularJS is perfect for Single Page Applications (SPAs).
JavaScript framework that has some very compelling features for not only developers, but designers as well! In this tutorial, we will cover what I consider to be the most essential features, and how they can help make your next web application awesome.

Features : 1  MVC (Model, View Controller)

Angularjs is a MVC Framework.

AngularJS incorporates the basic principles behind the original MVC software design pattern into how it builds client-side web applications.

The MVC or Model-View-Controller pattern means a lot of different things to different people. AngularJS does not implement MVC in the traditional sense, but rather something closer to MVVM (Model-View-ViewModel).


The Model

The model is simply the data in the application. The model is just plain old JavaScript objects. There is no need to inherit from framework classes, wrap it in proxy objects, or use special getter/setter methods to access it. The fact that we are dealing with vanilla JavaScript is a really nice feature, which cuts down on the application boilerplate.

name injected

example : module('MyServiceModule', []).

The ViewModel

A view model is an object that provides specific data and methods to maintain specific views.

The view model is the $scope object that lives within the AngularJS application. $scope is just a simple JavaScript object with a small API designed to detect and broadcast changes to its state.

The Controller

The controller is responsible for setting initial state and augmenting $scope with methods to control behavior. It is worth noting that the controller does not store state and does not interact with remote services.

The View
The view is the HTML that exists after AngularJS has parsed and compiled the HTML to include rendered markup and bindings.

This division creates a solid foundation to architect your application. The $scope has a reference to the data, the controller defines behavior, and the view handles the layout and handing off interaction to the controller to respond accordingly.

Dependency Injection

Services Angular services are substitutable objects that are wired together using dependency injection (DI). You can use services to organize and share code across your app.