آموزش اشکال واکنش پذیر زاویه ای

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

مقدمه Introduction

• مقدمه Introduction

• فرم های زاویه دار Angular Forms

• بیشترین بهره را از این دوره بگیرید Get the Most from This Course

• فرم نسخه ی نمایشی و برنامه نمونه Demo Form and Sample Application

• طرح کلی دوره Course Outline

الگو محور در برابر فرمهای واکنشی Template-driven vs. Reactive Forms

• مقدمه Introduction

• فرم های ساختمانی Form Building Blocks

• دستورالعمل ها را تشکیل دهید Form Directives

• نحو الگو برای فرمها Template Syntax for Forms

• فرم الگو محور Template-driven Form

• فرم الگو محور: الگو Template-driven Form: Template

• فرم الگو محور: مonلفه Template-driven Form: Component

• سناریوهای پیچیده Complex Scenarios

• خلاصه Summary

ساختن یک فرم واکنش پذیر Building a Reactive Form

• مقدمه Introduction

• کلاس کامپوننت The Component Class

• کلاس کامپوننت: نسخه ی نمایشی The Component Class: Demo

• ماژول زاویه ای The Angular Module

• الگو The Template

• الگو: نسخه ی نمایشی The Template: Demo

• با استفاده از setValue و patchValue Using setValue and patchValue

• ساده سازی با FormBuilder Simplifying with FormBuilder

• چک لیست ها و خلاصه Checklists and Summary

اعتبار سنجی Validation

• مقدمه Introduction

• تنظیم قوانین اعتبار سنجی داخلی Setting Built-in Validation Rules

• تنظیم قوانین اعتبار سنجی در زمان اجرا Adjusting Validation Rules at Runtime

• اعتبار سنجی های سفارشی Custom Validators

• اعتبار سنجی سفارشی با پارامترها Custom Validation with Parameters

• اعتبار سنجی بین رشته ای: فرم تو در تو Cross-Field Validation: Nested FormGroup

• اعتبار سنجی بین حوزه ای: اعتبار سنجی سفارشی Cross-field Validation: Custom Validator

• چک لیست ها و خلاصه Checklists and Summary

واکنش به تغییرات Reacting to Changes

• مقدمه Introduction

• تماشا کردن Watching

• واکنش دادن: تنظیم قوانین اعتبار سنجی Reacting: Adjusting Validation Rules

• واکنش دادن: نمایش پیام های اعتبار سنجی Reacting: Displaying Validation Messages

• تحولات واکنشی Reactive Transformations

• چک لیست ها و خلاصه Checklists and Summary

به صورت پویا عناصر ورودی را تکرار کنید Dynamically Duplicate Input Elements

• مقدمه Introduction

• مراحل Steps

• عناصر ورودی را برای تکرار تعریف کنید Define the Input Element(s) to Duplicate

• FormGroup را تعریف کنید Define a FormGroup

• رفکتور Refactor

• یک FormArray ایجاد کنید Create a FormArray

• حلقه را از طریق FormArray حلقه کنید Loop Through the FormArray

• عناصر ورودی را کپی کنید Duplicate the Input Elements

• چک لیست ها و خلاصه Checklists and Summary

فرمهای واکنشی در متن Reactive Forms in Context

• مقدمه Introduction

• برنامه کاربردی Sample Application

• کاربرد نمونه: معماری Sample Application: Architecture

• کاربرد نمونه: کد Sample Application: Code

• مسیریابی به یک فرم Routing to a Form

• خواندن پارامتر مسیر Reading a Route Parameter

• تنظیم can می توانید Guard را غیرفعال کنید Setting a canDeactivate Guard

• Refactoring به کلاس اعتبار سنجی سفارشی Refactoring to a Custom Validation Class

• چک لیست ها و خلاصه Checklists and Summary

ایجاد ، خواندن ، به روزرسانی و حذف (CRUD) با استفاده از HTTP Create, Read, Update, and Delete (CRUD) Using HTTP

• مقدمه Introduction

• سرویس دسترسی به داده Data Access Service

• خدمات دسترسی به داده ها: نسخه ی نمایشی Data Access Service: Demo

• جعل سرور Backend Faking a Backend Server

• پر کردن فرم با داده Populating the Form with Data

• پر کردن فرم با داده: Http Get Populating the Form with Data: Http Get

• پر کردن فرم با داده: مشترک شوید Populating the Form with Data: Subscribe

• ذخیره ویرایش ها Saving Edits

• ذخیره ویرایش ها: نسخه ی نمایشی Saving Edits: Demo

• ایجاد موارد جدید Creating New Items

• ایجاد موارد جدید: نسخه ی نمایشی Creating New Items: Demo

• در حال حذف مورد موجود Deleting an Existing Item

• در حال حذف مورد موجود: نسخه ی نمایشی Deleting an Existing Item: Demo

• چک لیست ها و خلاصه Checklists and Summary

کلمات نهایی Final Words

• مقدمه Introduction

• Recapping سفر شما Recapping Your Journey

• بیشتر بیاموزید Learning More

• بستن Closing