رهام رفیعی تهرانی
رهام رفیعی تهرانی
خواندن ۱ دقیقه·۲ ماه پیش

اصطلاح banana in the box در انگولار


امروز با یک اصطلاح جالبی آشنا شدم که بارها و بارها دیده بودم و خودم درگیرش بودم ولی نمیدونستم براش اصطلاح خلاصه ای وجود داره.

اسم اصطلاح هست banana in the box و مربوط به syntax در two-way binding انگولار هست و در داکیومنت جدید انگولار هم به عنوان اصطلاح غیررسمی در جامعه انگولار بهش اشاره شده.

روش two-way binding در انگولار به صورت رسمی این شکلی هست:

[(ngModel)]=”model”

مثلا در یک کامپوننت سفارشی بنام my-input میتونیم از این روش استفاده کنیم:

<app-custom-input [(value)]=”value”></app-custom-input>

در واقع این روش خلاصه نوشتن و خوانده مقدار model به صورت مجزا از هم هست:

<app-custom-input [text]="val" (textChange)="val=$event"></app-custom-input>

نمونه کامپوننت سفارشی مون میتونه به صورت زیر باشه:


به این syntax خلاصه شده [()] میگن banana in the box .

در واقع به [] میگن باکس و به () میگن موز


امیدوارم از این مقاله لذت ببرید و براتون مفید باشه.

اگر دوست دارید میتونید از طریق صفحه لینکدین با من در ارتباط باشید :)


موفق باشید :)

فرانت اندfrontendangularانگولار
برنامه نویسی یک شغل نیست، یک هنره.
شاید از این پست‌ها خوشتان بیاید
OSZAR »