لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش فرم های واکنشی زاویه ای
Angular Reactive Forms
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
می توانید با استفاده از مدل فرم های واکنشی Angular تقریباً به طور کامل در کلاس Componet خود فرم ها را در Angular بسازید. این دوره به شما یاد میدهد که چگونه فرمهای واکنشی بسازید، فرمهای پویا ایجاد کنید، دادههای فرمها را اعتبارسنجی کنید و آن دادهها را در یک API ذخیره کنید. Angular دارای دو مدل فرم برای انتخاب است: فرمهای مبتنی بر الگو و فرمهای واکنشی. در این دوره آموزشی، Angular Reactive Forms، نه تنها اصول کار با فرم های واکنشی، بلکه مباحث پیشرفته برای کار با فرم های پیچیده و پویا را نیز خواهید آموخت. ابتدا، معماری Angular را که فرم های واکنشی را تقویت می کند، بررسی می کنید. در مرحله بعد، نحوه ساخت یک مدل فرم در کلاس کامپوننت خود و اتصال آن به الگوی HTML جزء خود و اعتبارسنجی داده های وارد شده توسط کاربر را خواهید یافت. در نهایت، نحوه ایجاد فرم های پویا و کنترل های سفارشی را یاد خواهید گرفت. وقتی این دوره را به پایان رساندید، مهارت ها و دانش فرم های واکنشی Angular را خواهید داشت که برای ساختن فرم های ساده و پیچیده برای جمع آوری داده ها از کاربر لازم است.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
بررسی اجمالی دوره
Course Overview
شروع با فرم های واکنشی زاویه ای
Getting Started with Angular Reactive Forms
معرفی
Introduction
نمای کلی معماری فرم های زاویه ای
Angular Forms Architecture Overview
قالب رانده شده در مقابل فرم های واکنشی
Template Driven vs. Reactive Forms
شبیه سازی و کاوش برنامه آزمایشی ما
Cloning and Exploring Our Demo Applicaiton
ایجاد فرم های واکنشی زاویه ای
Creating Angular Reactive Forms
معرفی
Introduction
افزودن فرم های واکنشی به پروژه
Adding Reactive Forms to a Project
ایجاد کنترل های فرم
Creating Form Controls
جادوی دستورالعمل ControlValueAccessor
The Magic of the ControlValueAccessor Directive
ارائه مقادیر به FormControls
Providing Values to FormControls
ایجاد FormGroups
Creating FormGroups
ارسال فرم واکنشی
Submitting a Reactive Form
ذخیره داده های فرم ارسال شده
Saving Submitted Form Data
افزودن FormControls Unbound به یک FormGroup
Adding Unbound FormControls to a FormGroup
ایجاد Nested FormGroups
Creating Nested FormGroups
ساده سازی با FormBuilder و FormGroup.setValue()
Simplifying with FormBuilder and FormGroup.setValue()
خلاصه
Summary
کار با عناصر ورودی و انواع داده ها
Working with Input Elements and Data Types
معرفی
Introduction
کار با دکمه های رادیویی
Working with Radio Buttons
کار با Select Lists
Working with Select Lists
کار با چک باکس ها
Working with Checkboxes
کار با ورودی های عددی
Working with Numeric Inputs
کار با Range Inputs
Working with Range Inputs
کار با عناصر Textarea
Working with Textarea Elements
کار با مقادیر تاریخ
Working with Date Values
خلاصه
Summary
اعتبار سنجی فرم های واکنشی زاویه ای
Validating Angular Reactive Forms
نمایش نظرات