آموزش فرم های زاویه ای

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

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

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

معرفی Introduction

• معرفی دوره Course Introduction

• راه اندازی یک پروژه آزمایشی با استفاده از angular2-seed Setting up a Demo Project Using angular2-seed

• قالب محور و فن آوری های فرم واکنشی Template-driven Form and Reactive Form Technologies

• نکته در مورد نسخه های قبلی Angular 2 Note About Earlier Angular 2 Versions

مبانی فرم در Angular 2 Form Basics in Angular 2

• معرفی Introduction

• بررسی پروژه angular-seed Reviewing the angular-seed Project

• یک فرم ساده و ngForm A Simple Form and ngForm

• خاموش کردن اعتبارسنجی فرم مرورگر Shutting Off Browser Form Validation

• شکل دادن به فرم ها و ورودی متن با استفاده از بوت استرپ Styling Forms and Text Input Using Bootstrap

• چک باکس ها Checkboxes

• دکمه های رادیویی Radio Buttons

• و گزینه ها را انتخاب کنید Select and Options

• ناهماهنگی های مرورگر برای انواع ورودی Browser Inconsistencies for Input Types

• خلاصه Summary

اتصال داده ها در فرم های زاویه ای Data Binding in Angular Forms

• معرفی Introduction

• Data Binding و ngModel Data Binding and ngModel

• ایجاد یک شی مدل Creating a Model Object

• اتصال به مدل شما Binding to Your Model

• فراخوانی یک روش در محل اتصال Calling a Method in Place of Binding

• اتصال چک باکس Binding a Checkbox

• دکمه های رادیویی صحافی Binding Radio Buttons

• اتصال یک کنترل انتخابی Binding a Select Control

• خلاصه Summary

اعتبار سنجی فرم Form Validation

• معرفی Introduction

• کلاس های CSS برای اعتبار سنجی CSS Classes for Validation

• کلاس های اعتبار سنجی CSS در عمل CSS Validation Classes in Action

• ngModel Validation Properties ngModel Validation Properties

• نمایش پیام های خطا Showing Error Messages

• کنترل های سبک برای خطاها Styling Controls for Errors

• ویژگی های HTML 5 برای اعتبارسنجی HTML 5 Attributes for Validation

• اعتبارسنجی یک کنترل انتخابی Validating a Select Control

• اطلاعات بیشتر در مورد Select Control Validation More on Select Control Validation

• اعتبار سنجی سطح فرم Form Level Validation

• غیرفعال کردن دکمه ارسال Disabling the Submit Button

• خلاصه Summary

ارسال فرم HTTP و دسترسی به داده ها HTTP Form Posting and Data Access

• معرفی Introduction

• ایجاد یک سرور نود تست Creating a Test Node Server

• ایجاد یک سرویس زاویه ای برای ارسال فرم Creating an Angular Service to Post a Form

• رسیدگی به رویداد ارسال فرم Handling a Form's Submit Event

• اعتبار سنجی فرم قبل از ارسال Validating the Form Before a Post

• راه اندازی Observable و Subscriber Setting up an Observable and a Subscriber

• ارسال به سرور Posting to the Server

• رسیدگی به خطای سرور Handling a Server Error

• بازیابی شناسه از سرور Retrieving an ID From the Server

• بارگیری داده ها از یک سرور Loading Data from a Server

• گزینه های پویا برای کنترل انتخاب Dynamic Options for a Select Control

• خلاصه Summary

کنترل های فرم شخص ثالث Third-party Form Controls

• معرفی Introduction

• راه اندازی ng2-bootstrap Setting up ng2-bootstrap

• خرماگیر Datepicker

• زمان سنج Timepicker

• یک سوئیچ تعویض A Toggle Switch

• دکمه های رادیویی افقی Horizontal Radio Buttons

• یک کنترل رتبه بندی A Rating Control

• خلاصه و جمع بندی دوره Summary and Course Wrap-up