لقد تعلمت عن الاستخدام الأساسي لـ AngularJS من قبل ، لذلك سأتعلم هنا المحتوى ذي الصلة للتعبيرات مع PDF.
التعبيرات في AngularJs ليست بالضبط كما في JS.
بادئ ذي بدء ، يجب وضع تعبيره في {{}} قبل استخدامه. ثانياً ، بالمقارنة مع مفهوم التعبير في جافا سكريبت ، فإن لديها الاختلافات التالية:
1 نطاقات مختلفة
الوظيفة الافتراضية في JavaScript هي نافذة ، لكنها مختلفة في AngularJs. ويستخدم التحكم في نطاق $ للعمل عليها.
2 السماح بقيم غير محددة
في AngularJS ، إذا تم استخدام تعبير غير محدد ، فلن يكون هناك خطأ ، وسيتم إرجاع القيمة الفارغة مباشرة.
3 مرشحات
يمكنك استخدام | حرف أمر الأنابيب في تعبير لإضافة مرشحات ، على غرار سطر أوامر UNIX.
4 $ رمز
تستخدم لتمييز الأساليب الزاوية والطرق المعرفة من قبل المستخدم.
هنا رمز صغير:
<! 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 </head> <body> <div ng-controller = "ctl"> الاسم: <input ng-model = "name" type = "text"> <button ng click = "reset ()"> إعادة تعيين </button> <br> {{name}} <br> مرحبًا! {{test}} <br> filter: {{name | ExtraCcase}} </div> <script type = "text/javaScript"> function ctl ($ scope) {var str = "init" ؛ $ scope.name = str ؛ $ scope.reset = function () {$ scope.name = str ؛ }} </script> </body> </html>تشغيل طريقة إعادة تعيين من خلال إعادة تعيين لإعادة تعيين محتوى متغير الاسم ؛
في التعبير ، تتم الرجوع إلى اختبار غير محدد ، ولكن لم يتم الإبلاغ عن أي خطأ ، ويتم عرضه على أنه فارغ بشكل افتراضي ؛ - {{امتحان}}
أخيرًا ، استخدم مرشحًا لتحويل قيمة الاسم في التعبير إلى الأحرف الكبيرة. - {{name | أقصى}}
نتائج التشغيل:
ما سبق هو المعلومات التي تقوم بفرز تعبيرات AngularJS. سنستمر في إضافة المعلومات ذات الصلة في المستقبل. شكرا لك على دعمك!