Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

AngularJS Otherwise function

Hi Readers, Today, I will be discussing about the Otherwise Function available in $routeProvider in AngularJS. The main objective of this function is to redirect the end users to a particular route when the user by mistake or intentionally...

AngularJS Dependency Injection

Dependency Injection (DI):- It is a software design pattern and its main motive is to see how components get its dependencies Injector subsystem in AngularJS is liable for creating components, dependencies resolving and also providing othe...

Bootstrapping process in AngularJS

Hi Readers, Today, I will be discussing about the "Bootstrapping" in AngularJS. AngularJS is a JavaScript framework. Everyone knows that we have dependency injection in AngularJS but at what time does dependency injection actually gets exe...

AngularJS Basic, Value, Service, Factory & Provider Example and description

Hi Readers, I recently got my attention to new JavaScript framework that is AngularJS. I read lots of articles about it but I usually do not understand anything just by reading about it. I am more about the practical person and can not actuall...

CSRF with Spring and AngularJS

In this blog, We will see how to configure CSRF protection and how to make AngularJS allowed to send information with a CSRF token to the server. In AngularJS, $http service reads a token from a cookie which is named by default XSRF-TOKEN and se...

Generate Dynamic Table content by using form fields in AngularJs

Generate Dynamic Table content by using form fields in AngularJs We all know that "AngularJs" is adopting vastly. We already found so many example of AngularJs and Application in AngularJS. We had created an example of "AngularJs" relate ...

How to use custom filters in our code in AngularJS

Filter is one of the important part in angularJS. There are many default filters like: 1. uppercase 2. lowercase 3. orderby etc. We can use these filter simply by adding a pipe character (|) in the expression. Now we will discuss a custom ...

How to Add and Remove items in array using AngularJS

With the help of Angularjs, We can dynamically add or remove list items in an array. It is shown In the example given below.     Addition of the list items is done using 'push' method and removal of the item is done...

Registering services using Service in Angular.js

Hello All In today's blog post we would discuss the aspect of registering your custom services with AngularJS. It is essential to understand what are AngularJS services. Services: Angular services are objects that are packed together us...

Registering Service using value in angularJS

A service is created by a service factory and service factories are functions which are created by a service provider(constructor function). When instantiating service provider, there must be a property named $get, which holds service factory ...

How to use ng-src

Hi all, Here is an example, to how to use ng-src. It is basically used to use a path or source in a tag. If we are not using the ng-src then we will get just a path on our page on. controller.Js var socialApp= angular.module('socialApp...

Tutorial 3 - AngularJS Filter

Hi all, In angularJs filters are use to change and modify the data. We can use multi filter using pipe (|). Below is some example of filters- 1) uppercase 2) lowercase 3) currency 4) filter 5) orderby Uppercase :- Uppercase fi...

Tutorial 2- AngularJS Directives

Hi all, In this we will discuss about Directives. Directives are core features of AngularJS. Directive is introduced as a new syntax. They are markers on a DOM element which have a special behavior to it. Just for an example only HTML don't...

How to use RouteProvider in AngularJS

With the help of Routing method we can divide our application in logical views and bind different view to controllers". In below example we have use first config() method to define $route Provider configuration. Also in the same file we defined t...

Directives in Angular Js

AngularJS directives are what controls the rendering of the HTML inside an AngularJS application, it also lets you to extends HTML by adding the directives. In angular js directives are represented by prefix ng- Some of the mostly used di...

Declaring modules in Angularjs

A module is a container for different part of an App which includes controller, services, filters, directives and many more. We can also say that it is a collection of controllers, filters, services, directives, etc. Syntax for creating a m...

Formatting currency using Angular

Hi all, Here is an example how to format currency using Angular filters. Formats a number as a currency (ie $1,234.56). When no currency symbol is provided, default symbol for current locale is used. - AngularJS HTML:- <body ng...

Removing data from a list on click using angular

Hi all, Below is an example to remove names from a list using ng-click. Here is a simple form for editing, adding or removing user name, all of these methods are declared on the controller. These methods can easily be called from the angul...

looping list using ng-repeat

Hi folks, The below example will demonstrate how to do looping over lists in templates using ng-repeat. <html ng-app="nameApp"> <head> <meta charset="utf-8"> <title>Angular.js Example</title> ...

Initializing the model using an Angular controller

Hi all, Below example will demonstrate, How to Initializing the model using an Angular controller, defined with a global function. <html ng-app="nameApp"> <head> <meta charset="utf-8"> <title>Angular.js ...

How to disable previous dates in datepicker using JS?

Here the problem is you want to show the passed dates but make them disabled. jQuery(document).ready(function() { $('#sandbox-container').datepicker({ format: "dd/mm/yyyy", clearBtn: true, minDate: 0, maxDate: "+1M +10D", da...

AngularJS - Tutorial 1

*{margin: 0;padding:0;} .mainCol{margin: 0 auto;font-family: 'Georgia';font-size: 15px;color: #146ba3;padding: 10px;} .mainCol h4{font-size: 18px;margin: 0 0 10px;} .mainCol ul li{list-style: none;;padding-bottom: 3px;} ...
1 3 next
Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: