Dettagli e codice di esempio di Angularjs CURD

CURD Angularjs

Introduzione

　　　　　　 Basato su un progetto per dispositivi mobili, utilizzato angularjs con un po' di forza, ci sono molte domande che devono essere verificate una per una, all'inizio mi sembrava di non trovare la direzione, sembrava ci fossero molte concetti, e sembra che ng mescoli sia MVC che MVVM. Ho trovato un momento per scrivere un semplice demo di CRUD. Naturalmente, seguendo questo demo, si possono estendere molti concetti, come: ricerca con paginazione, connessione al database backend, chiamata di WebApi, utilizzo strato di Servcice, Factory.

Esempio di effetto

<script type="text/javascript">
    var app=angular.module('myApp',[]);
    app.controller('empCtrl',function($scope){
      $scope.emparr=[];
      //aggiungi
      $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='';
      //Modifica
      $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;
      }
      //Modifica
      $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> 

Ecco la raccolta di materiali su AngularJS CURD, continueremo a integrare ulteriori materiali, grazie per il supporto della nostra comunità!

Dichiarazione: il contenuto di questo articolo è stato tratto da Internet, il copyright spetta ai rispettivi autori, il contenuto è stato contribuito e caricato autonomamente dagli utenti di Internet, questo sito non detiene il diritto di proprietà, non è stato editato manualmente e non assume alcuna responsabilità legale. Se trovi contenuti sospetti di violazione del copyright, ti preghiamo di inviare una e-mail a: notice#oldtoolbag.com (al momento dell'invio dell'e-mail, sostituisci # con @) per segnalare, fornendo prove pertinenti. Una volta verificata, questo sito eliminerà immediatamente il contenuto sospetto di violazione del copyright.