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 的資料整理，后續(xù)繼續(xù)補充相關資料，謝謝大家對本站的支持！
新聞熱點
疑難解答
