Angularjs CURD 详解及实例代码

2019-11-20 09:00:27

字体：大中小

来源：转载

供稿：网友

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 的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！

上一篇：Angularjs 实现分页功能及示例代码

下一篇：Angular Module声明和获取重载实例代码