Showing posts with label AngularJS. Show all posts
Showing posts with label AngularJS. Show all posts

Thursday, January 19, 2017

AngularJS with Web Api in Asp.net MVC using Token based Authentication

Here in this Post I will show how to use Token based Authentication using AngularJS and Web Api 2 in Asp.Net MVC. Previous posts I had shown how to
DataTables in MVC:
AngularJS:



















Datatable Exporting with AngularJS and asp.net mvc

Continuing the previous Posts in AngularJS
In the previous posts I had shown

DataTables in MVC:
AngularJS:
Image and video hosting by TinyPic

















Datatables Column Filter with AngularJS and asp.net mvc

Continuing the previous Post from HERE
In the previous posts I had shown
DataTables in MVC:

AngularJS:

Image and video hosting by TinyPic

















Datatables in AngularJS and asp.net mvc

Here I will show how to use JQuery DataTables with AngularJS in Asp.Net MVC.
In the previous posts I had shown

DataTables in MVC:
AngularJS:
Image and video hosting by TinyPic















Thursday, January 5, 2017

Thursday, September 1, 2016

Two way Binding in AngularJS

Here I will show you Two way Binding in AngularJS.

OutPut:


Change First and Last names inside the input fields, and the model will change automatically.
Enter First Name:
Enter Last Name:

{{firstname + " " + lastname}}


 
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myController">
    Enter First Name: <input ng-model="firstname">
<br/><br/>
Enter Last Name: <input ng-model="lastname">
    <h1 style="color:green">{{firstname + " "+lastname}}</h1>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myController', function($scope) {
    $scope.firstname = "Vara";
    $scope.lastname = "Reddy";    
});
</script>
</body>
</html>