لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش فرم های الگو محور زاویه ای
Angular Template-driven Forms
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
Angular دارای دو مدل فرم برای انتخاب است: فرم های الگو محور و فرم های واکنشی. فرمهای مبتنی بر الگو سادهتر هستند و برای اکثر موارد استفاده انتخابی عالی هستند. در این دوره آموزشی Angular Template-driven Forms، اصول کار با فرم های قالب محور و همچنین مباحث پیشرفته برای کار با فرم های پیچیده و پویا را خواهید آموخت. ابتدا، معماری Angular را بررسی خواهید کرد که هم فرم های الگو محور و هم فرم های واکنشی و تفاوت های بین این دو پارادایم را تقویت می کند. در مرحله بعد، نحوه ساخت فرمهای تعاملی را با اتصال عناصر ورودی HTML به یک مدل داده و نحوه اعتبارسنجی دادههای وارد شده توسط کاربر خواهید فهمید. در نهایت، یاد خواهید گرفت که چگونه کار قالبهای پیشرفتهتر مانند ایجاد فرمهای پویا و کنترلهای سفارشی را انجام دهید. پس از اتمام این دوره، مهارت ها و دانش فرم های مبتنی بر الگوی Angular را خواهید داشت که برای ساخت فرم های ساده و پیچیده برای جمع آوری داده ها از کاربر لازم است.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
بررسی اجمالی دوره
Course Overview
شروع به کار با فرم های مبتنی بر الگوی زاویه ای
Getting Started with Angular Template-driven Forms
معرفی
Introduction
نمای کلی معماری فرم های زاویه ای
Angular Forms Architecture Overview
قالب محور در مقابل فرم های واکنشی
Template-driven Versus Reactive Forms
شبیه سازی و کاوش برنامه آزمایشی ما
Cloning and Exploring Our Demo Application
ایجاد فرم های Angular Template-driven Forms
Creating Angular Template-driven Forms
افزودن فرم های الگو محور به پروژه
Adding Template-driven Forms to a Project
تعریف مدل داده
Defining a Data Model
ngModel: اتصال عناصر ورودی به مدل داده
ngModel: Binding Input Elements to a Data Model
پر کردن فرم از داده های API
Populating a Form from API Data
پشت صحنه: دستورالعمل دسترسی به ارزش کنترل
Behind the Scenes: The Control Value Accessor Directive
ارسال یک فرم مبتنی بر الگو
Submitting a Template-driven Form
کار با ngForm
Working with ngForm
استفاده از ngModelGroup برای گروه بندی مقادیر فرم
Using ngModelGroup to Group Form Values
حفظ داده های پنهان در یک مقدار ngForm
Preserving Hidden Data in an ngForm Value
با استفاده از ngForm.submitted و ngSubmitted Class
Using ngForm.submitted and the ngSubmitted Class
کار با عناصر ورودی و انواع داده ها
Working with Input Elements and Data Types
کار با دکمه های رادیویی
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
اعتبار سنجی فرم های الگوی زاویه ای
Validating Angular Template Forms
نمایش نظرات