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

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...

Difference between ng-show/ng-hide and ng-if

ng-show/ng-hide and ng-if are directives of angularjs which are used to check if an expression is true or false and after checking the expression, it shows /hides or removes/recreates the DOM element. Though the visual effect of both directive...

Expressions in AngularJS

AngularJS expressions are used to bind application data with HTML element. This expressions works in same way as we write in write in ng-bind directives. Expressions are written inside two curly braces as {{expression}}. This expressions are incl...

Scopes in Angular JS

Scope is a  JavaScript object that connects Controller and View. Scope contains information of model, its properties and methods.   Characteristics of scope: Scope acts as a connection between Controller and View and availab...

AngularJS directives

Directives in AngularJS are, that get run when DOM is complied by the compiler. Directives are used to extend HTML and DOM element's behaviour and create reusable and testable  code.These are attributes that starts with ng- prefix. &n...

Angular JS Filters

Filters is used to format the value of given expression for display to user. Some filter are built in filters and we can also define our filters. Filters are added to expression by using | symbol followed by a filter.  AngularJS provide...

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 ...

AngularJS Pagination

We can easily apply paging on our page using AngularJs and bootstrap. Here, below is the example of this:   In View: <div ng-app="angularPagingSample"> <div ng-controller="PagingController"> <h1>Ang...

CRUD operations in AngularJS and MVC5

This example demonstrate how to use AngularJS with MVC5 and WebAPI for CRUD operations(Read,Insert,Update,Delete).   1. First step is to create table for CRUD operations.   2. Create a new project in ASP.NET MVC 5. Selec...

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 ...

Angularjs Post Data

Hi, Today we will discuss how to post data to the MVC Controller through AngularJS. To do so, you will need to inject '$http' as a dependency while defining your angularJS controller: app.controller('Controller', ['$scope', '$h...

AngularJS md-datepicker format

Hi, Today we will discuss how to define our custom date format for md-datepicker in angularJS. 1. You will need to install moment.js from nuget packages   2. Add reference of moment.min.js <script src="~/Scripts/momen...

Display initials if no profile pic available

When we create an application its very easy to display user image or profile pic. when no image is available then we used to include an anonymous image in place of no image is available. But Gone were days and now we have something rich...

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...

Create a HelloWorld application using angularJS

Generally any angularjs application requireds a following components: 1. ng-app - This component is required to make a links between the AngularJS application and the HTML. 2. ng-model - This component is required to bind the values of AngularJ...

Adding textbox dynamically and save the values in angularjs

To create textbox dynamically in angularjs, we have to declare an array named inputs in which we will push the textbox element dynamically. In input box, we have included ng-model to bind the property name to the input. so we ...

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 structure a project in ASP.NET MVC using AngularJS?

These are the several steps to structure a project in ASP.NET MVC using AngularJS.   1. Open Visual Studio 2015 -> Select File New Project->Give Project Name->Select a template MVC->Unselect Host in the cloud -> Click Ok...

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...

Simple AngularJs Application Using Asp.Net MVC

In this blog,we will learn to create a simple angularjs application using Dotnet Framework.So Let's start to implement it step by step.   1.Open Visual Studio and Create a New MVC project.   2.Now create a MVC5 Empty...

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 directives in AngularJS

Directives are an important feature of AngularJS which are used to extend HTML and create reusable and testable code. The framework provides a set of rich built in directives and we can also build  custom ones if required. In this tutorial w...

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...

Understanding scopes in AngularJS

An  AngularJS application uses an object called $scope which is shared between controller and view.  This object holds the Model data that is passed to the View and acts as a glue between Controller and View. In this blog we will dive d...

Form Validation with AngularJS and ASP.NET MVC

In this blog, we will learn about form validation in AngularJS. From Angular 1.3 onwards, ngMessages module has been introduced and we will be using the same for form validation. Before the addition of this module, developers had to make use dire...

Using AngularJS and ASP.NET MVC to create a Hello World Application

In this article we will learn to create a simple Hello World application using AngularJS framework and ASP.NET MVC.   AngularJS : Introduction AngularJS is JavaScript framework used for creating single page web applications and is m...

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...
prev 1 3
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: