قسمت هشتم AngularJS: کاربرد دامنه‌ها در انگولار چیست؟

خانه » مقالات اموزشی » javascript » قسمت هشتم AngularJS: کاربرد دامنه‌ها در انگولار چیست؟
قسمت هشتم انگولار جی اس بررسی دامنه های انگولار

نویسنده:

مرتضی افضلی

Statistics-rafiki

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

1538

Calendar-amico (2)

تاریخ به‌روزرسانی:

۱۳۹۹-۰۲-۲۳

Work time-rafiki

زمان مطالعه:

5 دقیقه

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

چگونه از دامنه‌ها استفاده کنیم؟

هنگامی‌که یک کنترل‌کننده را در AngularJS ایجاد می‌کنید، شی‌ء $scope را به‌عنوان یک استدلال منتقل می‌کنید:
خواص ساخته‌شده در کنترل‌کننده، می‌تواند در نظر گرفته شود:

هنگام اضافه کردن خواص به شیء $scope در کنترل‌کننده، قسمت نمایشی (HTML) به این ویژگی‌ها دسترسی پیدا می‌کند.
در قسمت نمایشی شما از پیشوند $scope استفاده نمی‌کنید بلکه فقط یک نام اموال مانند {{carname}} برای مراجعه می‌نویسید.

درک دامنه

اگر ما برنامه AngularJS را در نظر بگیریم که شامل:
نمایش، کد HTML است.
مدل، که داده‌های موجود برای نمای فعلی است.
کنترل‌کننده، که عملکرد جاوا اسکریپت است که باعث تغییر / حذف / کنترل داده‌ها می‌شود.
سپس دامنه یک مدل است.
همان‌طور که در ابتدای این مقاله اشاره شد دامنه یک شیء جاوا اسکریپت با خواص و روش‌هایی است که برای هر دو قسمت نمایشی و کنترل‌کننده در دسترس هستند.
اگر تغییراتی در قسمت نمایشی ایجاد کنید، مدل و کنترل‌کننده به‌روز می‌شود:

دامنه‌های خود را بشناسید

مهم است بدانید که در هر زمان چه‌کاری انجام می‌دهید.
در دو مثال فوق فقط یک دامنه وجود دارد، بنابراین دانستن محدوده شما یک مسئله نیست، اما برای برنامه‌های بزرگ‌تر می‌توانید بخش‌هایی در HTML DOM وجود داشته باشد که تنها می‌تواند به حوزه‌های خاص دسترسی پیدا کند.
در هنگام رسیدگی به دستورالعمل ng-repeat، هر تکرار دسترسی به شی‌ء تکرار فعلی دارد:

هر عنصر دارای دسترسی به شیء تکرار فعلی است، در این حالت یک رشته است که با استفاده از x اشاره‌شده است.

دامنه‌ی ریشه

تمام برنامه‌های کاربردی دارای $rootScope هستند که دامنه ایجادشده در عنصر HTML است که حاوی دستورالعمل ng-app است.
توجه داشته باشید که دامنه‌ی ریشه در کل برنامه در دسترس می‌باشد.
اگر یک متغیر دارای همان نام در هر دامنه جاری و در دامنه‌ی ریشه باشد، برنامه از یکی از دامنه‌های جاری را استفاده می‌کند.
یک متغیر بانام “color” موجود در کنترل‌کننده دامنه و دامنه‌ی ریشه وجود دارد:

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

مرتضی افضلی

مرتضی افضلی

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

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

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