شكل AngularJS
شكل AngularJS هو مجموعة من عناصر التحكم في الإدخال.
HTML الضوابط
تسمى عناصر إدخال HTML التالية عناصر التحكم HTML:
عنصر الإدخال
حدد العنصر
عنصر زر
عنصر Textarea
شكل HTML
عادة ما توجد نماذج HTML في نفس الوقت الذي يتحكم فيه HTML.
شكل angularjs مثيل
الاسم الأول:
اسم العائلة:
Form = {"FirstName": "John" ، "LastName": "doe"}
Master = {"FirstName": "John" ، "LastName": "doe"}
رمز التطبيق:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js ng-controller = "formCtrl"> <form novalidate> الاسم الأول: <br> <input type = "text" ng-model = "user.firstName"> <br> الاسم الأخير: <br> <butty type = "text" ng-model = "user.lastname {{user}} </p> <p> master = {{master}}} </p> </viv> <script> var app = angular.module ('myapp' ، []) ؛ {$ scope.user = angular.copy ($ scope.master) ؛نتائج التشغيل:
الاسم الأول:
اسم العائلة:
Form = {"FirstName": "John" ، "LastName": "doe"}
Master = {"FirstName": "John" ، "LastName": "doe"}
ملاحظة: تمت إضافة خاصية Novalidate حديثًا في HTML5. التحقق الافتراضي المعاق باستخدام المتصفح.
مثال تحليل
يحدد توجيه NG-APP تطبيقات AngularJS.
يحدد توجيه NG-Controller وحدة تحكم التطبيق.
يربط توجيه NG-Model عنصرين إدخال لكائن المستخدم للنموذج.
تقوم دالة FormCtrl بتعيين القيمة الأولية للكائن الرئيسي وتحديد طريقة Reset ().
تقوم طريقة RESET () بتعيين كائن المستخدم مساوياً للكائن الرئيسي.
يستدعي توجيه NG-Click طريقة RESET () ويتم استدعاؤه عند النقر فوق الزر.
خاصية Novalidate ليست ضرورية في التطبيق ، ولكن تحتاج إلى استخدامه في أشكال AngularJS للتغلب على التحقق من صحة HTML5 القياسية.
ما سبق هو عبارة عن مجموعة من مواد شكل AngularJS ، وسنستمر في إضافتها لاحقًا. آمل أن يكون الطلاب الذين يمكنهم المساعدة في البرمجة.