JSFiddle

  • Custom UI-Grid Filtering

    AngularJS 1.4.8, HTML, CSS, JavaScript

    (function(){
    var app = angular.module('app', ['ui.grid', 'ui.grid.saveState']);
    
    
    app.factory('dataService', function($http){
        return {
            getData: function() {
                return ...
  • AngularJS Example 1

    How to define module in angularjs.

    (function(){
    var app = angular.module('myApp', []);
    app.controller('homeController', homeController);
    homeController.$Inject = ['$scope'];
    
    function homeController($scope){
    	$scope.Message = 'Hello World';
    };
    })();
    
    
  • Angular JS Substring Using LimitTo Example

    Dotnet-Tutorial.Com Example : Angular JS Substring Using LimitTo

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    
    <body ng-app>
      <h3>
    Dotnet-Tutorial.Com Example : Angular JS Substring Using LimitTo
    </h3>
      <div>
        Enter Area Code [3 char only]:
        <input type="number" ng-model="areaCode" maxlength="3">
        <br>
        <br> Enter Phone Number [7 char only ...</div></body>
  • Angular JS ng-if Example

    Dotnet-Tutorial.Com Example : Angular JS ng-if

    var myApp = angular.module('myApp', []);
    
    myApp.controller('StudentController', ['$scope', function($scope) {
      $scope.studentFirstName = 'Mukesh';
      $scope.studentLastName = 'Kumar';
      $scope.studentClass = 10 ...
  • Angular JS Two Way Data Binding

    Dotnet-Tutorial.Com Example : Angular JS Two Way Data Binding

    var myApp = angular.module('myApp', []);
    
    myApp.controller('TestController', ['$scope', function($scope) {
      $scope.firstNumber = 0;
    
    }]);
    
  • Angular JS Controller Example #7 is the latest revision

    Dotnet-Tutorial.Com Example : Angular JS Controller Example 1

    var myApp= angular.module('myApp', []);
    
    myApp.controller('TestController', ['$scope', function($scope){
    	$scope.greeting = 'Welcome to Dotnet-Tutorial.com';
    }]);
  • Angular JS Data Binding 2

    Dotnet-Tutorial.Com Example : Data Binding 2

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    
    <body ng-app>
      <H3>
         Dotnet-Tutorial.Com Example : Data Binding 2
       </H3>
      <br>
      <div ng-init="firstNumber=1; secondNumber=2">
    
       First Number :
        <input type="number" ng-model="firstNumber" />
    		
    	Second Number :
        <input type="number" ng-model="secondNumber" />
        <br>
        <br> Multiplication of two number is  : {{firstNumber * secondNumber}}
      </div>
    </body>
    
  • Angular JS Data Binding Example 1

    Dotnet-Tutorial.Com Example : Data Binding 1

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    
    <body ng-app>
      <H3>
         Dotnet-Tutorial.Com Example : Data Binding 1
       </H3>
      <br>
      First Name : <input type="text" ng-model="firstname" />
      Last Name : <input type="text" ng-model="lastname" />
      <br>
      <br> Your Name is : {{firstname +" "+lastname}}
    </body>
    
  • First Angular JS Example #6 is the latest revision

    Dotnet-Tutorial.Com : First Angular JS Example

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    
    <body ng-app>
      <H3>
    	Dotnet-Tutorial.Com : First Angular JS Example
       </H3>
      <br> Sum of 2 and 5 is {{2+5}}
    </body>