تفسير وتوضيح وتطبيق مسبق للتعبيرات في AngularJS

بعد أن تعرفنا على الاستخدام الأساسي لAngularJS، سنقوم الآن بدراسة محتوى التعبيرات مع PDF.

　　تعبيرات AngularJS ليست متطابقة تماماً مع js.

　　أولاً، يجب وضع تعبيراته داخل {{}} للاستخدام، ثانياً، بالنسبة لمفهوم تعبيرات javascript، هناك بعض الاختلافات التالية:

　　1 الفرق في النطاق

　　في javascript، يعني الافتراضي window، ولكن في angularJs ليس كذلك. يستخدم $scope للتحكم في التأثير.

　　2 السماح بالقيم غير المحددة

　　في angularjs، إذا تم استخدام تعبير غير معرف، فإنه لن يظهر خطأ، بل سيقوم بتحويله إلى قيمة فارغة.

　　3 المرشحات

　　يمكن استخدام رمز التسلسل المباشر | في التعبيرات، لإضافة مرشحات، تشبه أوامر سطر الأوامر في UNIX.　

　　4 رمز $

　　لتمييز بين طرق angular ومتغيرات المستخدم المخصصة.

　　هناك قطعة صغيرة من الكود لنتعرف عليها:

<!doctype html>
<html ng-app>
  <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script>
  </head>
  <body>
    <div ng-controller="ctl">
      الاسم:<input ng-model="name" type="text">
      <button ng-click="reset()">reset</button>
      <br>
      {{name}}
      <br>
      مرحباً! {{test}}
      <br>
      filter: {{name | uppercase}}
    </div>
    <script type="text/javascript">
      function ctl($scope){
        var str = "init";
        $scope.name = str;
        $scope.reset = function(){
          $scope.name = str;
        }
      }
    </script>
  </body>
</html>

　　من خلال إطلاق reset، يتم إعادة تعيين محتوى المتغير name

　　في التعبير، تم الاستدلال على test غير المحدد، ولكن لم يتم إصدار خطأ، ويتم عرضه بشكل افتراضي كفراغ.— {{test}}

　　في النهاية، يتم استخدام المبدأ الفلتر لتحويل قيمة name في التعبير إلى أحرف كبيرة بالحروف الإنجليزية الكبيرة.— {{name | uppercase}}

　　نتيجة التنفيذ:

　　　　 هذا هو تجميع المعلومات حول تعبيرات AngularJS، سيتم إكمال المعلومات ذات الصلة لاحقاً، شكراً لدعمكم الجميل!

دليل الأساسيات

أعجبك ذلك