معرفی
فرم ها یکی از مهمترین بخش های هر برنامه تجاری یا سازمانی هستند. فرم ها به طرق مختلف مورد استفاده قرار می گیرند. آنها را می توان در هنگام ورود استفاده کرد، در ثبت هر گونه جزئیات جدید و بسیاری از نیازهای بی شمار دیگر استفاده کرد. فرم ها در هدایت کاربر نهایی به سمت گذراندن موثر و کارآمد گردش کار برنامه بسیار مهم هستند.
به عنوان یک توسعه دهنده، آنچه که ما باید از آن مراقبت کنیم شامل موارد زیر است:
- اتصال داده ها در فرم
- ردیابی را تغییر دهید
- اعتبار سنجی
- بازخورد بصری
- پیغام خطا.
- ارسال فرم.
برای تجربه بهتر در فرم داشتن اپلیکیشن ها، باید به تمامی نکات فوق دقت کنیم.
پیش نیازها
- HTML، CSS، جاوا اسکریپت
- Angular – الگو، کامپوننت ها ، اتصال داده ها ، خدمات ، مسیریابی
دانش اولیه Angular و درک الزامات فوق برای شروع با فرم های Angular کافی است.
![فرم ها در Angular](http://pezhvak24.ir/dl/10kcor/cscd/article/overview-of-forms-in-angular/Images/Forms In Angular.png)
قالب
قالب Component حاوی نمای HTML برای جمع آوری داده ها از کاربر نهایی است.
کلاس
کلاس کامپوننت، اتصال داده ها را مدیریت می کند و داده ها را از طریق سرویس ارسال می کند.
برای دستیابی به این Angular دو رویکرد را در اختیار ما قرار می دهد:
- فرم های الگو محور
- فرم های راکتیو/مدل محور.
فرمهای مبتنی بر الگو زمانی استفاده میشوند که بیشتر کد در قالب HTML مؤلفه نوشته شده باشد.
فرمهای واکنشی زمانی استفاده میشوند که بیشتر کد در کلاس کامپوننت نوشته شده باشد.
برای کار با فرم های Angular باید نوع فرم استفاده شده را فعال کنیم. اجازه دهید با فرم های الگو محور شروع کنیم.
فعال کردن فرم های مبتنی بر الگو
Angular به شما امکان استفاده مستقیم از ngModel و سایر وظایف مرتبط با فرم را نمی دهد. ما باید آنها را با توجه به استفاده خود صادر کنیم،
- import { BrowserModule } from '@angular/platform-browser';
- import { NgModule } from '@angular/core';
- import {FormsModule} from '@angular/forms';
- import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- @NgModule({
- declarations: [
- AppComponent,
- ],
- imports: [
- BrowserModule,
- FormsModule
- ],
- bootstrap: [AppComponent]
- })
- export class AppModule { }