Angularjs CURD 詳解及執行個體代碼_AngularJS

Angularjs CURD

前言

       基於一個手機端的項目使用了angularjs，硬著頭皮去用，有很多的疑問還需要一一去驗證，剛開始總是感覺找不到北，總是感覺有很多概念，而且似乎ng既夾雜MVC又夾雜MVVM的思想， 忙裡偷閒敲了個簡單的CURD demo。 當然順著這個demo還可以延伸很多知識點，比如： 帶分頁查詢、串連後台資料庫、調用WebApi、分層使用Servcice、Factory。

效果圖

 

<script type="text/javascript">    var app=angular.module('myApp',[]);    app.controller('empCtrl',function($scope){      $scope.emparr=[];             //添加      $scope.btnclk=function(){        $scope.emparr.push({'arr_id':$scope.id,'arr_name':$scope.name,'arr_desg':$scope.desg});        $scope.id='';        $scope.name='';        $scope.desg='';      }      var key='';      //編輯      $scope.edit=function(emp,indx){        key=indx;        console.log(indx);        console.log(emp);        $scope.id=emp.arr_id;        $scope.name=emp.arr_name;        $scope.desg=emp.arr_desg;      }      //修改      $scope.btnupd=function(id,name,desg){        $scope.emparr[key].arr_id=id;        $scope.emparr[key].arr_name=name;        $scope.emparr[key].arr_desg=desg;                 $scope.id='';        $scope.name='';        $scope.desg='';      }             $scope.del=function(id){        $scope.emparr.splice(id,1);      }    });  </script> 　　

以上就是對AngularJS CURD 的資料整理，後續繼續補充相關資料，謝謝大家對本站的支援！