Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on whatsapp
Share on telegram
Share on print
اتصال داده ها در انگولار جی اس

نویسنده:

مرتضی افضلی

Statistics-rafiki

تعداد بازدید:

3596

Calendar-amico (2)

تاریخ انتشار:

11 , دی , 1397

Work time-rafiki

زمان تقریبی مطالعه :

5 دقیقه

با سلام

پیشنهاد می‌شود قبل از ورود به قسمت ششم انگولار جی اس سایر قسمت‌ها را نیز موردمطالعه قرار دهید. برای ورود به فهرست تمامی قسمت‌ها روی آموزش انگولار جی اس کلیک کنید.

اتصال داده‌ها

اتصال داده در AngularJS هماهنگ‌سازی بین مدل و دیدگاه است.

مدل داده

برنامه‌های AngularJS معمولاً یک مدل داده‌ای دارند. مدل داده‌ها مجموعه‌ای از اطلاعات موجود برای برنامه می‌باشد.
برای درک بهتر به بررسی مدل داده‌ای زیر می‌پردازیم:

نمایه‌ها در HTML

تگ HTML که در آن برنامه AngularJS نمایش داده می‌شود، نمایه نامیده می‌شود.

شما همچنین می‌توانید از علامت روبرو {{}} استفاده کنید تا محتوا را از مدل نمایش دهید:

دستورالعمل ng-model

از دستورالعمل ng-model برای اتصال داده‌ها از مدل به نمایش در کنترل‌های HTML استفاده کنید (ورودی، انتخاب، متن زمینه)
دستورالعمل ng-model یک اتصال دوطرفه بین مدل و نمایه فراهم می‌کند.

اتصال دو طرفه

اتصال داده در AngularJS هماهنگ‌سازی بین مدل و دیدگاه است.
هنگامی‌که داده‌ها در مدل تغییر می‌کنند، نمای نمایشگر تغییر را نشان می‌دهد، و هنگامی‌که داده‌ها در دید تغییر می‌کنند، مدل نیز به‌روز می‌شود. این بلافاصله و به‌طور خودکار اتفاق می‌افتد، که اطمینان می‌دهد که مدل و نمایش در همه زمان‌ها به‌روز می‌شود.

کنترل AngularJS

برنامه‌های کاربردی در AngularJS توسط کنترل‌کننده‌ها کنترل می‌شوند. در مورد کنترل‌کننده‌ها در بخش کنترل‌کننده AngularJS اطلاعات بیشتری کسب کنید.
ازآنجاکه هماهنگ‌سازی فوری مدل و نمایش، کنترل‌کننده می‌تواند به‌طور کامل از دیدگاه جداشده و به‌سادگی برداده مدل تمرکز کند. با توجه به اتصال داده در AngularJS، این دیدگاه، هر تغییری را که در کنترلر ایجادشده، منعکس خواهد شد.

برای نمایش دقیق‌تر دو کد بالا فاصله‌های موجود در تگ اسکریپت را حذف نمایید

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

برای دریافت اطلاعات بیشتر می‌توانید به سایت w3schools مراجعه فرمایید.

ممنون که تا اینجای آموزش با کدپز همراه بودید پیشنهاد می‌کنم تا انتهای این دوره با ما همراه باشید.

مرتضی افضلی

مرتضی افضلی

این روزها دیگر نیاز نیست کلی هزینه‌ی اجاره‌ی مغازه بدهید. با دنیای کسب‌وکار اینترنتی و دیجیتال مارکتینگ می‌توانیم کسب درامد داشته باشیم و من در مجموعه‌ی کدپز در این راه همراه شما هستم.

تا کنون 56 نفر در کدپز ثبت نام کرده اند.

0 پاسخ به "قسمت ششم AngularJS : اتصال داده در انگولار چگونه است ؟"

ارسال یک پیام

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *