how to write code for add button in Static AngularJs CRUD

Question

how to perform code for add button for the static angularjs crud project?

Rajneesh Chaubey · Answer

Hi @Mamata Let say I have this page: "myapp" > "StudentCtrl" > "frmStudent" id= "frmStudent" class = "form-horizontal row-border" > class = "col-md-12" > class = "form-group" > class = "col-md-4 control-label" for = "input17" > First Name class = "col-md-7" > "text" id= "idFirstName" class = "form-control" name= "nameFirstName" ng-model= "firstName" /> class = "form-group" > class = "col-md-4 control-label" for = "input17" > Last Name class = "col-md-7" > "text" id= "idLastName" class = "form-control" name= "nameFirstName" ng-model= "lasttName" /> 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:- app.controller( 'StudentCtrl' , [ '$scope' , 'CrudService' , function ($scope, CrudService) { // Base Url var baseUrl = '/api/Student/' ; $scope.btnText = "Save" ; $scope.studentID = 0; $scope.SaveUpdate = function () { var student = { FirstName: $scope.firstName, LastName: $scope.lasttName, Email: $scope.email, Address: $scope.adress, StudentID: $scope.studentID } if ($scope.btnText == "Save" ) { var apiRoute = baseUrl + 'SaveStudent/' ; var saveStudent = CrudService.post(apiRoute, student); saveStudent.then(function (response) { if (response.data != "" ) { alert( "Data Save Successfully" ); $scope.Clear(); } else { alert( "Some error" ); } }, function (error) { console.log( "Error: " + error); }); } } $scope.Clear = function () { $scope.studentID = 0; $scope.firstName = "" ; $scope.lasttName = "" ; $scope.email = "" ; $scope.adress = "" ; } }]);