English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

تفسير Angularjs CURD ومراجعة الكود

Angularjs CURD

المقدمة

       قائم على مشروع لجهاز الهاتف المحمول استخدم angularjs، استخدمته بعنكة، وكانت هناك الكثير من الشكوك التي كان يجب على الفور التحقق منها، في البداية شعرت دائمًا بأنني أتوه، وشعرت بأن هناك الكثير من المفاهيم، وكان ng يحتوي أيضًا على أفكار MVC و MVVM، وأخذت بعض الوقت في بين العمل لأكتب demo CURD بسيط. بالطبع، يمكن مواصلة هذا demo لمعرفة الكثير من النقاط، مثل: البحث مع الصفحات، الاتصال بقاعدة البيانات الخلفية، استدعاء WebApi، استخدام Service والتسلسل الهرمي.

الصورة التوضيحية

 

<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#oldtoolbag.com (عند إرسال البريد الإلكتروني، يرجى استبدال # ب @) لتقديم الشكوى، وتقديم الدليل ذات الصلة، إذا تم التحقق من ذلك، فإن هذا الموقع سيقوم بإزالة المحتوى المزعوم بسرعة.

أنت قد تعجب بهذا