Latest web development tutorials

AngularJS شكل


AngularJS شكل إدخال عناصر المجموعة.


عناصر HTML

ويطلق على عناصر الإدخال HTML التالية عناصر HTML:

  • عنصر المدخلات
  • عناصر مختارة
  • عنصر زر
  • عنصر تيكستاريا

شكل HTML

عناصر HTML وأشكال HTML غالبا ما تتعايش.


AngularJS سبيل المثال شكل

الاسم الأول:

اسم العائلة:


شكل = {{مستخدم}}

سيد = {{ماجستير}}


رمز التطبيق

<div نانوغرام التطبيق = "اسم التطبيق " نانوغرام تحكم = "formCtrl">
<نموذج novalidate>
الاسم الأول: <BR>
<إدخال نوع = "نص" نانوغرام -model = "user.firstName"> <BR>
اسم العائلة: <BR>
<إدخال نوع = "نص" نانوغرام -model = "user.lastName">
<BR> <BR>
<زر نانوغرام مزدوجا فوق = "إعادة تعيين ()"> RESET </ زر>
</ النموذج>
<P> شكل = {{{ مستخدم}} </ P>
<P> سيد = {{{ ماجستير}} </ P>
</ div>

<script>
فار التطبيق = angular.module ( 'اسم التطبيق "، [])؛
app.controller ( 'formCtrl، وظيفة ($ نطاق) {
$ Scope.master = {الاسم الأول: "جون"، اسم العائلة: "الفلاني"}؛
$ Scope.reset = وظيفة () {
$ Scope.user = angular.copy ($ scope.master)؛

$ Scope.reset ()؛
})؛
</ script>

محاولة »
مذكرة السمة novalidate هو جديد في HTML5 في. يستخدم المصادقة الافتراضية تعطيل المتصفح.

أمثلة تحليلية

ويعرف نانوغرام التطبيق التوجيه تطبيقات AngularJS.

ويعرف نانوغرام تحكم التوجيه وحدة تحكم التطبيق.

نانوغرام نموذج التوجيه ربط اثنين من عناصر المدخلات إلى طراز كائن المستخدم.

وظيفة formCtrl تحدد القيمة الأولية للكائن الرئيسي، وتحدد طريقة إعادة تعيين ().

إعادة تعيين () طريقة يحدد كائن المستخدم يساوي الكائن الرئيسي.

نانوغرام مزدوجا فوق القيادة طريقة تسمى إعادة تعيين ()، ويتم النقر على زر الاتصال.

الملكية novalidate في تطبيق ليست ضرورية، ولكن تحتاج إلى استخدام AngularJS شكل من الأشكال، لإعادة كتابة التحقق من صحة HTML5 القياسية.