Angularjs CURD 자세히 설명 및 예제 코드

Angularjs CURD

서론

　　　　　　 모바일 단말기 프로젝트를 기반으로 angularjs를 사용하여, 머리를 뺏겨 사용했고, 많은 의문이 있었으며 하나씩 확인해야 했습니다. 시작할 때마다 방향을 잃는 느낌이 들었고, 많은 개념이 있었으며, ng는 MVC와 MVVM의 생각을 혼합한 것처럼 보였습니다. 바쁘게 일하는 동안 잠시 쉬며 간단한 CURD 데모를 만들었습니다.当然顺着这个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 자료 정리입니다. 이후 추가 자료를 계속 추가하겠습니다. 감사합니다.

선언: 본 문서의 내용은 인터넷에서 가져왔으며, 저작권은 원저자에게 있으며, 인터넷 사용자가 자발적으로 기여하고 업로드한 내용입니다. 사이트는 소유권을 가지지 않으며, 인공 편집을 하지 않았으며, 관련 법적 책임을 부담하지 않습니다. 저작권 침해가 의심되는 내용을 발견하면, notice#w로 이메일을 보내 주시기 바랍니다.3codebox.com에 (이메일 발송 시, #을 @으로 변경하여) 신고를 해 주시고 관련 증거를 제공해 주시면, 사이트는 즉시 저작권 침해가 의심되는 내용을 삭제할 것입니다.