آموزش Angular 2 Form: صحافی و صحافی داده ها

Angular 2 Forms: Data Binding and Validation

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: ساخت فرم های HTML برای دنیای وب هرگز آنطور که انتظار می رود ساده نیست. جمع آوری ورودی کاربر و اجرای اعتبار سنجی فرم پویا که به طور خودکار به ورودی واکنش نشان می دهد ، بدون راه حل مناسب دشوار است. هنگام ساخت برنامه های سمت مشتری با استفاده از Angular ، مقدار مناسبی کد فریم ورک خارج از جعبه دریافت می کنید که کار با فرم ها را نسیم می کند. Angular به شما امکان می دهد تا با استفاده از قابلیت اتصال داده دو طرفه به راحتی از اعتبار سنجی فرم پویا استفاده کنید.

این دوره نحوه ساخت فرم های وب HTML را با استفاده از بلوک های ساختاری ، خصوصیات اعتبار سنجی داخلی و روش های نشان می دهد ماژول اشکال زاویه ای بیاموزید که چگونه از روش فرم های مدل محور برای ایجاد نمایشی مدل از داده های فرم در کد استفاده کنید و آن را به عناصر فرم HTML بومی متصل کنید. این دوره همچنین چگونگی پیاده سازی اعتبار سنجی را با استفاده از JavaScript بررسی می کند ، در صورتی که به کنترل دقیق تری از تعاملات خود نیاز دارید.
موضوعات شامل:
  • ساخت فرم زاویه دار
  • ایجاد فرم مدل محور
  • استفاده از بلوک های ساختاری فرم: کنترل ها ، گروه ها و آرایه ها
  • مدیریت انواع ورودی های مختلف: متن ، کادرهای تأیید ، انتخاب ها و ورودی رادیو
  • افزودن تشخیص تغییر به فرم های شما
  • ایجاد اعتبار سنجی های سفارشی

سرفصل ها و درس ها

مقدمه Introduction

  • خوش آمدی Welcome

  • با استفاده از پرونده های تمرینی Using the exercise files

  • بررسی اجمالی سری: ساخت یک برنامه Angular Series overview: Building an Angular app

  • رویکرد اشکال مدل محور The model-driven forms approach

1. فرم و فرم 1. The Form and Form Model

  • گروه FormGroup

  • FormControl FormControl

  • کنترل ها را در یک FormGroup تودرتو کنترل کنید Form controls in a nested FormGroup

  • ورودی های رادیویی به عنوان کنترل های فرم Radio inputs as form controls

  • فرم FormArray

  • پر کردن آن با داده Filling it with data

  • بازنشانی داده ها Resetting data

  • با استفاده از FormGroup در قالب Using the FormGroup in the template

2. زمینه های فرم 2. Form Fields

  • نوع ورودی: متن Input type: text

  • نوع ورودی: کادر انتخاب Input type: checkbox

  • انتخاب کنید Select

  • متنارا Textarea

  • نوع ورودی: رادیو Input type: radio

  • گرفتن یک دسته برای شکل دادن فیلدها در قالب Getting a handle to form fields in the template

3. تغییر تشخیص و اعتبار سنجی 3. Change Detection and Validation

  • کلاسهای CSS برای تشخیص تغییر CSS classes for change detection

  • با استفاده از ارزش متغیر Using valueChanges

  • اعتبار سنجهای داخلی Built-in validators

  • ایجاد اعتبار سنج های سفارشی Creating custom validators

  • با استفاده از اعتبار سنج های سفارشی Using custom validators

  • استفاده از کلاس های CSS داخلی برای اعتبار سنجی Using built-in CSS classes for validation

  • بررسی صحت مدل فرم Checking if the form model is valid

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.

لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.

آموزش Angular 2 Form: صحافی و صحافی داده ها
جزییات دوره
1h 17m
26
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
45,418
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Justin Schwartzenberger Justin Schwartzenberger

جاستین شوارتزنبرگر مهندس ارشد SoCreate است و در حال حاضر روی آینده نرم افزار نوشتن فیلمنامه کار می کند. جاستین قبل از اینکه وارد بازی توسعه وب شود ، دندانهای خود را بر روی C و C ++ قطع کرد ، و با پریدن روی پشته LAMP پروژه های وب متعددی را با PHP/MySQL ایجاد کرد. وقتی C # به زندگی پرداخت ، توجه خود را به ASP.NET و MS SQL جلب کرد. هنگامی که ASP.NET MVC ظاهر شد "بازی در آن" بود و ارادت کامل جاستین به توسعه وب مهر و موم شد. با موج کنونی فناوری ها و چارچوب های جدید برای انتهای جلو و عقب پشته وب ، جاستین هیجان زده است و به شما کمک می کند تا آینده وب را قهرمان کنید. با تمام اشتیاق او به توسعه ، بزرگترین شادی حرفه ای جاستین ناشی از توانمند سازی و آموزش دیگران است. او مقالات زیادی درباره DotNetSlackers و مقاله ای برای مجله MSDN در RavenDB نوشت. جاستین موضوعاتی مانند ASP.NET MVC ، Test Driven Development ، WCF و OData را در گروه کاربری دات نت San Luis Obispo ارائه داده است و به سازماندهی و اجرای اردوگاه Code Central Coast برای چندین سال کمک کرده است. جاستین به همراه همسر و دخترش در ساحل مرکزی کالیفرنیا زندگی می کند و وقتی پیشرفت نمی کند و راهنمایی نمی کند ، در جستجوی گشت و گذار در سواحل کالیفرنیا بالا و پایین می رود.