آموزش جی کوئری مخفی کردن و نمایش عناصر

اسکوپ ها نصیب اتصال فی مابین HTML(VIEW) و جاوا اسکریپت  طراحی سایت آموزشی  (Controller)  می باشند.

اسکوپ یک شیئ میباشد که به مشخصات و متد ها درسترسی داراست.

اسکوپ برای View و کنترلر ها قابل دسترسی میباشد.

چه‌گونه از استکوپ به کارگیری کنیم؟
هنگامی شما یک کنترلر در آنگولار ساخت‌و‌ساز می‌کنید. شما یک شئی $scope را بصورت یک آرگومان ارسال میکنید:

نمونه:

صفت های تولید گردیده در کنترلر می‌توانند به یک Viewارجاع شوند:

{{caame}}

مشاهده فیض

زمانی که به یک شیئ $scope در کنترلر،  یک صفت اضافه نمائید. Html(View)می تواند به آن صفت دسترسی داراست.

در Viewشما از پیشوند $scope استعمال نمی‌کنید ، شما صرفا اسم صفت را مانند {{caame}} بکار میبیرید.

اسکوپ چه است

در صورتی‌که به اپلیکیشن انگولار به طور قسمت های پایین نگاه کنیم :

Veiw: که در واقع HTML میباشد

Model: که درواقع دادههای در دسترس برای View میباشد

Controller: عملگر جاوااسکریپت میباشد که اطلاعات را ساخت‌و‌ساز، تغییر‌و تحول،حذف و در اختیار گرفتن می نماید.

با این تعاریف اسکوپ یک Model میباشد.

اسکوپ یک شیئ جاوا اسکریپت میباشد که دارنده صفت و متد می باشد، که هر دوی اینها برای View و Coteroller ها قابل به کارگیری میباشند.

نمونه

در صورتیکه شما در Veiw خویش تغییر‌و تحول ساخت‌و‌ساز نمائید Model  و Controller مبتنی بر تغییر‌و تحول بروزرسانی می شوند.:

My name is {{name}}

مشاهده فیض

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

در دو نمونه بالا فقط از یک اسکوپ به کار گیری کرده ایم . بدین ترتیب آشنایی اسکوپ مد حیث چندان طاقت فرسا نبود البته در یک اپلیکیشن عظیم پیکربندی Html Dom به شما قابلیت به کار گیری از اسکوپ های مشخصی را خواهد اعطا کرد.

نمونه:

وقتیکه با راهبرد ng-repeat عمل می‌کنید، هرکدام از تکرار ها با شیئ تکرار در رابطه می‌باشند:

{{x}}

مشاهده سود

هر المان 
  به شئی repetition دسترسی داراست . در‌این نمونه ما از x برای چاپ مقادیر به کارگیری کرده ایم .

متد Root Scope
کل اپلیکیشن ها یک $rootScope داراست که یک اسکوپ میباشد، که روی تگ Htmlکه داری فرمان العمل ng-app میباشد ساخت‌و‌ساز می گردد.

rootScope در همگی بخش های اپلیکیشن قابل دسترسی میباشد .

در صورتیکه یک متغییر اسم یکسانی در current scope و rootScope داشته باشد اپلیکیشن از متغییری که در current scope قراردارد استعمال می نماید.

نمونه:

یک متغییر به اسم color در هم در Controller scopeو هم در rootScope وجود دارااست:

The rootScope's favorite color:

{{color}}

The scope of the controller's favorite color:

{{color}}

The rootScope's favorite color is still:

{{color}}

مشاهده فیض