AngularJS Tutorials

AngularJS Directives

AngularJS Filters and Elements

AngularJS Tutorials

List of AngularJS Tutorials

AngularJS Intro
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 Expressions
AngularJS binds data to HTML using Expressions.AngularJS expressions can be written inside double braces.AngularJS expressions can also be written inside a directive: ng-bind=expression
AngularJS Modules
An AngularJS module defines an application.The module is a container for the different parts of an application.The module is a container for the application controllers.
AngularJS Directives
AngularJS directives are extended HTML attributes with the prefix ng-. The ng-app, ng-init, ng-model are all directives.
ng-model Directive
The ng-model directive binds the value of HTML controls (input, select, textarea) to application data.
Data Binding
Data binding in AngularJS is the synchronization between the model and the view.
AngularJS controllers control the data of AngularJS applications. AngularJS controllers are regular JavaScript Objects.
AngularJS Scope
The scope is the binding part between the HTML (view) and the JavaScript (controller). The scope is an object with the available properties and methods.
Filters can be added in AngularJS to format data. Filters can be added to expressions by using the pipe character |, followed by a filter.
a service is a function, or object, that is available for, and limited to, your AngularJS application.
Tables in AngularJS
The ng-repeat directive is perfect for displaying tables.
Select Boxes
AngularJS lets you create dropdown lists based on items in an array, or an object using ng-options
The ng-disabled directive binds AngularJS application data to the disabled attribute of HTML elements.
The ng-show directive shows (or hides) an HTML element based on the value of ng-show.
The ng-hide directive hides or shows an HTML element.
AngularJS has its own HTML events directives. The event directives allows us to run AngularJS functions at certain user events.
Radio Buttons
Forms in AngularJS provides data-binding and validation of input controls.
AngularJS provides animated transitions, with help from CSS.