Featured
-
Top 10 Template Engines for JavaScript
What is a Template engine? Template Engines are
by nishant.mishra -
jQuery Accordion
Hello readers! In this Blog we will gain knowled
by vishwanath.rana -
How to make Numbered and bulleted list in HTML Editor with JavaScript
Hello all, Working with HTML Editor we wanted t
by gaurav.gautam -
How to hide particular div with just one click?
Hi, you want a condition in which the particula
by abhishek.tiwari.458 -
How to Create and Retrieve Array in Javascript?
If you want to store multiple values in a single v
by siddharth.shahi
Tags
Angular CLI Application - Introduction, Installation & Creation
The Angular CLI is an essential tool used in JavaScript that helps to initialize, develop, structure and maintain Angular applications. In Angular CLI, CLI stands for Common Line Interface. In other words, Angular CLI is a common Line Interface t...
What's New in Angular 6 Framework - Top 6 Features Revealed
Angular.js is a google maintained framework that is basically a library written in JavaScript. It has recently launched Angular 6 that holds exciting features for web application developers. It will be hailed by most of the developers as the fram...
Comparing Angular 2 Vs React In JavaScript Application Development
Dozens of libraries and frameworks in JavaScript are increasing in popularity. It has become overwhelming for the programmers to decide which one is right for their project. Among all new frameworks, Angular 2 and React are the most recommend fra...
4 Quick Steps to Create Dashboard in AngularJS Application
Creating dashboard in angular tutorial
A Dashboard is a page or a user interface in which information and other functions/pages of a website is provided in such a way that is easily accessible, understandable and readable. So in...
How to Implement AngulaJs Form Validation in a Web Application
AngularJS is an open source free and most popular JavaScript client-side framework which provides a great power to built HTML and JavaScript based web application.
This tutorial is in continuation with my previous tutorials, regardin...
Angular2 vs React vs Ember vs Aurelia JavaScript Frameworks - Which is Best?
Are you still planning to build web applications based on a plain JavaScript?
No Way!
With the modern age of rapid app development, we require much better ways to develop the web applications and this is wh...
How to pass data from controller to directive in AngularJs?
Hello All,
Sometimes there is a situation in which one want to access data from Controller to Directive. So let's see how we can pass data from controller to directive in AngularJs
Step 1-
Sample Controller:
app.contro...
How to Prevent Flickering in Angularjs While Page Loads?
Hello All,
We are sometimes in a situation when a particular page loads up on the browser and there are some incomplete contents, raw code displayed in the browser while Angular Js is loaded.
So in order to prevent the browser to ...
How to Create Custom Filters in AngularJS?
Custom Filters in AngularJS
The data can be modified through filters in Angularjs. AngularJS not only provides built in filters but also provides with the capability of creating custom filters. Custom filters can be created through "...
How to create separate AngularJS controller files?
Controllers are used to adding behaviors to $scope object. When you are building a large application,the best practice is to split your controllers into different files according to the purpose that it fulfills. So, you need to follow these very ...
Sharing Data Between Controllers using Services
Services are the Javascript functions (stateless object) that are responsible to do some specific tasks. We can use service to share some data or functions throughout the application within a controller or between different controllers. Services ...
Communication between Directives in AngularJS with Example
Communication between Directives can be done the following ways:-
1.Using require and directive controllers to communicate and share functionality
2.EVENTING -more defined way of communication.
3.using sc...
AngularJs : Creating multiple ng-app in single page
Creating multiple ng-app in single page
Consider a program with multiple ng-app in html page :-
<!DOCTYPE html>
<html>
<head>
<title>In a page only one ng-app works</title>
...
Difference between Angular 1.x and Angular 2.0
Angular 2 is different from Angular 1 as it is written completely in Typescript and includes the ES6 specification. As it is not updated version of Angular 1.x so it is rewritten and has many changes.
Component based Programming:
Angular2 is ...
Angularjs routeParams with Example
$routeParams is a service of angularjs that can be used to get the current set of route parameters i.e. URL parameters. ngRoute module is used to work on it.
The route parameters consist of $location’s search() and path(). The path p...
How to use switches in AngularJS
The md-switch which is a Angular directive can be used to show a switch in your angular application.
These are the attributes:
* ng-model - bind data.
name - It is the name of property in the form under which the control is publi...
Understanding Filters in AngularJS
Filters are used to do some changes in the data. It can be used by adding pipe character.
These are the types of filters in angular:
uppercase: It converts any text to upper case.
lowercase: It converts any text to lower case.
curren...
md-list in angular material
<md-list> is the most important directive in angular material to represent the list of items. Multiple items 1 to n can be displayed by using this directive. User don't need to write frontend or html multiple times to display ...
Use $broadcast(), $emit(), $on()
Hello Readers,
In today's post we will learn about $broadcast(), $emit(), $on() methods. In AngularJs application communication between controllers is very important. Communication might be to pass data or to send notification be...
Limit text length using angularJS
Many times we run in a condition that the whole text is taking to much of space, so we need to show data upto certain limit and end it to ...(3 dots).
Usually we write code to check the length of the string and then trimming it, angular ...
Angular 2 Architecture
Angular 2 architecture consists of module , component , template , metadat , data binding , service , directive and dependency injection.Some of them are :
Module
Component
Template
Metadata
Module:
A module is a block of code...
Filters In AngularJs
AngularJs provides a number of filters.Filters Are added to format data or to transform it. It is added to the expressions by using the pipe character '|' followed by a filter.
Some of the AngularJs filters are:
uppercase
lower...
Configuration files for AngularJS 2
Hello Everyone.
Here,We will be going through a series of tutorials which aims at providing a basic understanding of AngularJS 2 framework. At its best,it will make you quite acquainted with the fundamentals of AngularJS 2.
This is the firs...
Angular Directives
Hello everyone , here we are going to take an overview of directives in angularjs. Angularjs provides us with a set of built-in directives which provides functionality to our application.We can also define our own directives in angularjs.
&nbs...
How web application is developed in AngularJs using MVC Architecture
Hii,
This blog is in continuation with my previous blog on AngularJs, In this blog i am going to discuss about the most popular concept (MVC) on the basis of which an AngularJs application is developed.
MVC stands for Model View Controller...
Use Angularjs Expression to resolve expressions
Hii,
This blog is in continuation with my previous blogs on AngularJs, In this blog i am sharing a simple example in which i have used few AngularJs directives like ng-app, ng-init, ng-model and an AngularJs expression.
1)ng-app directive...
Dynamic and static data generated using angularjs
Hii,
This blog is in continuation with my previous blogs on AngularJs, In this blog i am sharing a simple example in which i have used few angularjs directives like ng-app, ng-init, ng-bind, ng-model.
1)ng-app directive is used to initial...
Asp.net MVC: AngularJs ng-include
Asp.net MVC: AngularJs ng-include
AngularJs ng-include directive allows an HTML page to embed various other HTML pages. In Asp.net MVC AngularJs ng-include allows inclusion of various views(cshtml pages) in a view(cshtml page).
.cshtml page...
Learn how we can repeat html element without using any conditional loop
Hii,
Learn how we can repeat html element without using any conditional loop by using AngularJs.
To repeat html elements using AngularJs we use ng-repeat which is a directive of AngularJs, ng-repeat directive is used to repeat an HTML element.
...
Difference between ngBind, ngBindHtm and ngBindTemplate in Angular JS
Difference between ngBind, ngBindHtm and ngBindTemplate in Angular JS
ng-bind
ng-bind binds the value of a variable or expression to an HTML element i.e the content of HTML element is replaced with the value of a variable or expression...
Discussion on angularJS
Welcome to FindNerd. Today we are going to discuss angularJS. AngularJS is nothing but a javascript framework. It is open-source and managed by the Google. AngularJS works for dynamic web applications and mostly used to develop the single page ap...
How to change the value of css property
Hii,
This is an intresting features of angularJs you can use when you want to change the value of CSS properties dynamically.
Using this feature we can change many value of css properties like background color,text color,border-color,f...
How to create an angularJs application
Hii,
AngularJS is used to make web apps in a simple way which can be easily maintained, In this blog i am going to share a simple example by which you will learn how to create an AngularJS Applications.
Before you go through an example,yo...
Introductory blog: Angularjs
Hello Readers,
HTML is the best way of creating static documents, but when we want to create dynamic views in web-applications then we use javascript which is a client side scripting language, AngularJS is a framework o...
multiple angular app in one page
While working in jsp with some parts common in few pages and ran into a problem to attach multiple apps to a single jsp page. After doing lot of search I found this one the best solution. Create a new app and take all other apps as an parameter. ...
jquery autocomplete in AngularJs not working on first click
Hi,
I was using jquery autocomplete functionality in angularJs using directive. Whenever I tried to load static data it was working fine, but when I loaded data from server side the first click was not working.
I was using code someth...
Understanding AngularJS Bootstrap Process
Bootstrap process in angularJs is simple and you should know about it. There are two ways of bootstrap process in angularJs:
Automatic Bootstrap
Manual Bootstrap
Automatic Bootstrap:
When we run our angularJs App the DOM(Document Ob...
Understanding Data Binding in AngularJS
In this post, you will learn about the data binding in angularJs. It is one of the powerful feature which angularJs provides.
There is two-way data binding in angularJs to bind data between model and view.
The data binding mechanism is handle...
Form Validation in AngularJS with ngMessages
In this post, you will learn about ngMessages directive in angularJs and how it can help to show error messages in your application. ngMessages provides custom form validation facility to display error messages in angularJs.
Let’s start ...
Understanding $emit, $broadcast in AngularJS with example
The services yield by Anjularjs which can be utilized for communication based on event between controllers are $on, $emit, and $broadcast. These are under the publish/subscribe design pattern of angularjs i.e. you can publish an event somewhere a...
Integrate Postgresql with Node JS
Many Programmers feel comfortable to use Postgre SQL rather than MongoDB, member of MEAN Stack.
We are going to integrate Postgresql with NodeJS
To install NodeJS, please go through this Article
Now, when we are finished with Installatio...
Angular BlockUI - An Overview
What you will learn from this blog:
1. What is Angular BlockUI
2. How to use it in view and js
3. Learn how it will remove unnecessary hide and show of loader during each ajax request
4. how it will reduce line of code
If you are looking...
AngularJs Filter
When we want to format data in angularJS then we use filter.There are n number of filter available in angularJS which is used to transform data. AngularJS filter are:
1) Currency: Which will format a number to a currency format.
2) date:Whi...
Searching and Pagination in AngularJs.
Hi All,
This blog is about pagination and searching in angularjs.
In web applications, we have large amount of data to display and generally we use tables and lists.Searching and pagination makes it easy and user friendly.
First lets sta...
Angularjs Scope
In AngularJS, Scope is a javascript object by which we can join our controller with the views. In scope we will contain model data which we can access by using $scope object. The use of $scope is easily explained by the simple example.
Example...
Manual and Automatic bootstrapping in AngularJS
In Javascript framework like AngularJS there is a bootstrapping process involved and there are certain flow that is involved in it.
There are two types bootstrapping involved in AngularJS:
Automatic bootstrapping
Manual Bootstrapping
...
Chapter 4:Angularjs Services
In previous blog we have take knowledge about how we will use angularjs and how important role directives play while using angularjs.If you have not read previous blog then kindly request first read that blog then carry forward to read this ...
Chapter 3: Angular.js with UI Logic(Controller)
In the previous chapter we have discuss what is angularjs and what are the directives before proceeding to next chapter where we will practically try to implement all this it is necessary to know about angular.js definition and directives.
As ...
How to make a simple timer in angularjs
Hi all,
We are going to implement count-up timer. In Count up timer, timer starts from 00:00:00 to time you defined. It is used to show duration for example video duration , call duration , etc
In Html file , Just add binding variable in yo...
Stop Event Propagation on click in AngularJS
Sometimes you have a click event on parent div as well as child elements of it. If you click on the child element, it automatically calls the parent click function along with its own function. This is called event bubbling. To restrict or stop th...
