وحید نصیری وحید نصیری
بررسی نحوه‌ی راه اندازی پروژه‌ی Decision
‫۸ سال و ۳ ماه قبل، شنبه ۲۹ خرداد ۱۳۹۵، ساعت ۱۵:۳۵
- لطفا سؤالاتی را که مرتبط با «راه اندازی» این پروژه نیستند، در قسمت بازخوردهای اختصاصی آن مطرح کنید. 
- همانطور که عنوان شد: «... پروژه‌ی Decision را می‌توان چکیده‌ی تمام مطالب سایت دانست ...». مثلا: « خودکار کردن تعاریف DbSetها در EF Code first»
بیشتر در اینجا
- مرتبط هستند. «کار با کلیدهای اصلی و خارجی در EF Code first»: روش «سوم» ذکر شده‌ی در آن.
مثال‌های این سری به نگارش RC2 به روز رسانی شدند. تغییرات صورت گرفته را در اینجا می‌توانید مشاهده کنید.
خلاصه‌ی آن در مورد «فرم‌های reactive جدید» به صورت زیر است:
1- به فایل systemjs.config.js، در قسمت ngPackageNames نام forms هم اضافه می‌شود. این forms از طریق وابستگی زیر
 
"dependencies": {
    "@angular/forms": "^0.1.0",
  },
که به فایل package.json اضافه می‌شود، تامین خواهد شد.
2- به فایل main.ts این تغییرات اضافه می‌شوند:
// ...
import {disableDeprecatedForms, provideForms} from '@angular/forms';
// ...
bootstrap(AppComponent, [
    disableDeprecatedForms(),
    provideForms()
]);
3- در کدها هرجایی Control هست، به FormControl تبدیل می‌شود که از ماژول ذیل تامین خواهد شد:
import { FormControl } from '@angular/forms';
4- ngFormModel به formGroup تغییرنام خواهد یافت. این دایرکتیو جدید به صورت زیر تامین می‌شود:
 
directives: [REACTIVE_FORM_DIRECTIVES]
5- تمام inputها باید دارای name باشند. در غیراینصورت خطا خواهید گرفت.
6- Validators اینبار از ماژول ذیل تامین می‌شود:
import { Validators, REACTIVE_FORM_DIRECTIVES, FormControl, FormGroup } from '@angular/forms';
بجای ماژول قدیمی angular/common. اگر این تغییر را اعمال نکنید، امکان استفاده‌ی از آن‌ها را در new FormControl نخواهید داشت.
7- FormBuilder سازگاری با reactive forms جدید ندارد و با FormGroup جایگزین شد.
وحید نصیری وحید نصیری
شروع به کار با AngularJS 2.0 و TypeScript - قسمت یازدهم - کار با فرم‌ها - قسمت دوم
‫۸ سال و ۳ ماه قبل، پنجشنبه ۲۷ خرداد ۱۳۹۵، ساعت ۲۳:۵۳
به روز رسانی
- در مورد فرم‌ها، یک سری تغییر نام از نگارش RC3 به بعد رخ خواهند داد؛ مانند Control به FormControl و ControlGroup به FormGroup و امثال آن.
 
  "dependencies": {
    "@angular/forms": "^0.1.0",
  },
اطلاعات بیشتر
- یک مثال تکمیلی: پیاده سازی debounce با FormControl جدید
- اگر نیاز به 10 مورد pipe مجزا دارید، بله. روش معرفی آن هم عنوان شد که به چه صورتی است و ترکیبی نیست. یک آرایه به صورت خاصیت در اینجا جهت معرفی آن‌ها وجود دارد.
- اگر نیاز به «فیلتر کردن» دارید، pipe یک روش بود. روش دیگر two-way data binding است. عناصر و یا تعداد عناصر لیست bind شده را تغییر دهید، بلافاصله در UI منعکس می‌شود.
- Pipe یک مفهوم است و Component هم یک مفهوم مجزای دیگر و ترکیب نمی‌شوند (مانند product-filter.pipe.ts مطلب فوق).
- مشخص سازی pipe‌های مورد استفاده‌ی یک کامپوننت، باید در خاصیت آرایه‌ای pipes آن کامپوننت انجام شود (مانند product-list.component.ts مطلب فوق):
@Component({
    // ...
    pipes: [ProductFilterPipe]
})