اسمحوا لي أن أقدم لكم ما هو AngularJS؟
AngularJS هو إطار هيكلي مصمم لتطبيقات الويب الديناميكية. يتيح لك استخدام HTML كلغة قالب ، ومن خلال تمديد بناء جملة HTML ، يمكنك إنشاء مكونات التطبيق بشكل أكثر وضوحًا وإيجازًا. ابتكارها هو أنه يستخدم ربط البيانات وحقن التبعية لمنعك من كتابة الكثير من التعليمات البرمجية. يتم تنفيذ كل هذه من خلال JavaScript من جانب المتصفح ، مما يجعله أيضًا مدمجًا تمامًا مع أي تقنية من جانب الخادم.
تم تصميم AngularJS للتغلب على أوجه القصور في HTML في تطبيقات البناء. HTML هي لغة إعلانية جيدة مصممة لعرض النص الثابت ، لكنها ستكون ضعيفة إذا كنت ترغب في إنشاء تطبيقات ويب. لذلك قمت ببعض الأعمال (يمكنك أيضًا أن تعتقد أنها كانت خدعة صغيرة) للحصول على المتصفح لفعل ما أريد.
يوفر AngularJS مرشحات لتنسيق بيانات الإدخال والإخراج. لنبدأ في تقديم استخدام مرشحات AngularJS. لنلقي نظرة
• استخدم في ملفات HTML وملفات JS
$ scope.form_time = $ filter ('date') ($ scope.time ، 'yyyy-mm-dd hh: mm: ss') ؛ <p> {{time | التاريخ: 'yyyy-mm-dd hh: mm: ss'}} </p>• المرشحات الداخلية والمرشحات المخصصة
.filter ('my_data_format' ، [function () {data ، str ، ss) {console.log ('data:' ، data ، 'str:' ، str ، 'sss:' ، enduments [2]) ؛ my_data_format: 123: 'هذا}} </p> // معالجة البيانات الواردة. ARR ؛}}]) ؛ // يمكن استخدام المرشحات في القيم المرتبطة ، أو في ng-if = "(قوائم | my_data_format: '2'). طول> 0" ، و ng-show ، إلخ. ؛ تعبيرات مماثلة. كبيان حكم <p ng-repeat = "list in lists"> name: {{list.name}} ، عدد الأشخاص {{(قوائم | my_data_format: '2'). length}} </p>