Angular tutorial

AngularJS is a very powerful JavaScript Framework. It is used in Single Page
Application (SPA) projects. It extends HTML DOM with additional attributes and
makes it more responsive to user actions. 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.
AngularJS is a very powerful JavaScript Framework. It is used in Single
Page Application (SPA) projects. It extends HTML DOM with additional
attributes and makes it more responsive to user actions. 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.
AngularJS is a very powerful JavaScript Framework. It is used in Single Page
Application (SPA) projects. It extends HTML DOM with additional attributes and
makes it more responsive to user actions. 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.
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.

Data-binding ScopeData-binding Scope
Controller
Services
FiltersDirectivesTemplates
Routing
Factories
Modules

FeaturesMajor Parts
This directive defines and links an
AngularJS application to HTML.
ng-app ng-model ng-bind
This directive defines
and links an AngularJS
application to HTML.
This directive binds the
values of AngularJS
application data to HTML
input controls.
This directive binds the
AngularJS Application
data to HTML tags.

<!DOCTYPE html>
<html>
<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/a
ngular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " + lastName }}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
</body>
</html>
Output
John Doe
Example

Angular JS
Expression
About
 AngularJS expressions can be written inside double braces:
{{Expression}}
 AngularJS expressions can also be written inside a directive: ng-
bind=“expression”
 AngularJS will resolve the expression, and return the result exactly
where the expression is written.
Types
 AngularJS Numbers
 AngularJS Strings
 AngularJS Objects
 AngularJS Arrays

Contain literal, operator,variable.Contain literal, operator, variable. Also Contain literal, operator, variable.
Written inside HTML tag Not Written inside HTML tag
Not support loop, exception. Support loop, exception.
Support filters. Not support filters.
Difference b/w expression

Angular JS
Modules
An AngularJS module defines an application.
The module is container for the different parts of application
The module is a container for the application controllers.
Controllers always belong to a module.

Angular JS
Model
The ng-model directive binds the value of HTML controls
(input, select, textarea) to application data.
With the ng-model directive you can bind the value of an
input field to a variable created in AngularJS.
The binding goes both ways. If the user changes the value
inside the input field, the AngularJS property will also
change its value:
The ng-model directive can provide type validation for
application data (number, e-mail, required).
The ng-model directive can provide status for application
data (invalid, dirty, touched, error)

FeaturesFeatures
This directive defines and links an
AngularJS application to HTML.
RIA MVC Free
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.
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.

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

FeaturesDisadvantage
This directive defines and links an AngularJS
application to HTML.
Not Secure Not degradable
Being JavaScript only framework,
application written in AngularJS are not
safe. Server side authentication and
authorization is must to keep an
application secure.
If your application user disables
JavaScript then user will just see the
basic page and nothing more.

Angular tutorial

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie Angular tutorial

Ähnlich wie Angular tutorial (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Angular tutorial