Loading
how to write code for add button in Static AngularJs CRUD  
  •                   
  •                 class="form-group">  
  •                     class="col-md-4 control-label" for="input17"> Email  
  •                     class="col-md-7">  
  •                         "text"  
  •   
  •                                id="idEmail"  
  •   
  •                                class="form-control"  
  •   
  •                                name="nameEmail" ng-model="email" />  
  •                       
  •                   
  •                 class="form-group">  
  •                     class="col-md-4 control-label" for="input17"> Address  
  •                     class="col-md-7">  
  •                         "text"  
  •   
  •                                id="idAddress"  
  •   
  •                                class="form-control"  
  •   
  •                                name="nameAdress" ng-model="adress" />  
  •                       
  •                   
  •                 class="form-group">  
  •                     class="col-md-4">  
  •                           
  •                         class="col-md-7">  
  •                             "save" class="btn btn-success margin-right-btn"   
  •   
  •                              ng-click="SaveUpdate()">  
  •                                 class="icon-save"> {{btnText}}  
  •                               
  •                           
  •                       
  •                           
  •           
  •       
  •   
  •   
  • "~/Scripts/angular.min.js">  
  • "~/ScriptsNg/Module/app.js">  
  • "~/ScriptsNg/Controller/StudentCtrl.js">  
  • "~/ScriptsNg/Services/CrudService.js">  
    • The add button will be like this:-
    1. app.controller('StudentCtrl', ['$scope', 'CrudService',  
    2.     function ($scope, CrudService) {  
    3.   
    4.         // Base Url   
    5.         var baseUrl = '/api/Student/';  
    6.         $scope.btnText = "Save";  
    7.         $scope.studentID = 0;  
    8.         $scope.SaveUpdate = function () {  
    9.             var student = {  
    10.                 FirstName: $scope.firstName,  
    11.                 LastName: $scope.lasttName,  
    12.                 Email: $scope.email,  
    13.                 Address: $scope.adress,  
    14.                 StudentID: $scope.studentID  
    15.             }  
    16.             if ($scope.btnText == "Save") {  
    17.                 var apiRoute = baseUrl + 'SaveStudent/';  
    18.                 var saveStudent = CrudService.post(apiRoute, student);  
    19.                 saveStudent.then(function (response) {  
    20.                     if (response.data != "") {  
    21.                         alert("Data Save Successfully");                         
    22.                         $scope.Clear();  
    23.   
    24.                     } else {  
    25.                         alert("Some error");  
    26.                     }  
    27.   
    28.                 }, function (error) {  
    29.                     console.log("Error: " + error);  
    30.                 });  
    31.             }  
    32.         }  
    33.   
    34.         $scope.Clear = function () {  
    35.             $scope.studentID = 0;  
    36.             $scope.firstName = "";  
    37.             $scope.lasttName = "";  
    38.             $scope.email = "";  
    39.             $scope.adress = "";  
    40.         }  
    41.   
    42.         }]);