欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Angularjs CURD 詳解及實(shí)例代碼

 更新時(shí)間：2016年09月14日 11:40:24   作者：garfieldzf  
這篇文章主要介紹了Angularjs CURD 詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下

Angularjs CURD

前言

       基于一個(gè)手機(jī)端的項(xiàng)目使用了angularjs，硬著頭皮去用，有很多的疑問還需要一一去驗(yàn)證，剛開始總是感覺找不到北，總是感覺有很多概念，而且似乎ng既夾雜MVC又夾雜MVVM的思想， 忙里偷閑敲了個(gè)簡單的CURD demo。 當(dāng)然順著這個(gè)demo還可以延伸很多知識(shí)點(diǎn)，比如： 帶分頁查詢、連接后臺(tái)數(shù)據(jù)庫、調(diào)用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> 


　　

以上就是對(duì)AngularJS CURD 的資料整理，后續(xù)繼續(xù)補(bǔ)充相關(guān)資料，謝謝大家對(duì)本站的支持！

相關(guān)文章

最新評(píng)論