Featured
-
How to enable CORS (Cross-Origin Requests) in ASP.NET Web API
There are certain steps that need to be followed f
by gaurav.gautam -
Why does my CHM have a blank content pane?
Hello Readers, Many times I have heard that, many
by Chetan.Sharda -
How to connect to icloud calendar?
Hello coder's world, To connect to icloud calen
by govind.chauhan -
Working with List in Provider Hosted App for Sharepoint
Sharepoint List in Provider Hosted App This Blo
by shubham.mamgain -
REST attributes of WCF Service
Objective: In this article we will explain what a
by govind.chauhan
Tags
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...
