اتصال داده ها در انگولار جی اس

قسمت ششم AngularJS : اتصال داده در انگولار چگونه است ؟

با سلام

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

اتصال داده ها

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

مدل داده

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

نمایه ها در HTML

تگ HTML که در آن برنامه AngularJS نمایش داده می شود، نمایه نامیده می شود.
این نمایه به مدل دسترسی دارد و روش های متعددی برای نمایش داده های مدل در نظر وجود دارد.
شما می توانید از دستور ng-bind استفاده کنید که درون تگ های HTML عنصر را به داده ی مشخص شده مرتبط می کند:

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

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

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

اتصال دو طرفه

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

کنترل AngularJS

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

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

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

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

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

یاعلی

برچسب ها : اموزش angularjs

دیدگاه تازه ای بنویسید