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

AngularJS : $emit, $broadcast and $on

AngularJS : $emit, $broadcast and $on   Nested controller in AngularJs make use of $emit, $broadcast and $on. $emit and $broadcast are used for raising event in angularjs application.   $emit : It is used for dispatchin...

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

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

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

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

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

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

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

Initialize AngularJS Model with MVC Model

Hi All, When we need to use AngularJS to bind controls with AngularJS Model but we have MVC Model filled through MVC Controller, we can follow below steps to do the same without using "ng-init". Step 1: Create two js files in Scri...

Bind Dropdown using AngularJS

Hi All, This log will help you to bind data to dropdown/html select control using AngularJS. Data is populated using webmethod. <select ng-options="Country.CountryName for Country in CountryList" ng-model="selectedCountry"> </se...

Get HTML element using class name or Id in AngularJS

Hi All, In this blog we will see how easy is to get HTML element in AngularJS. We many a times stuck in situation where we need to get HTML element that are not bind to AngularJS Model. Here is quick and easiest way of doing that. Using Cla...

Use of ng-cloak in AngularJS

Hi All, When we use AngularJS in any of our page, while rendering it on browser we happen to see flicker in HTML with uncompiled raw html. And once the AngularJS is compiled then it will show the compilled output. To avoid this flickering we c...
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: