آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

عبارت ها/Expression در AngularJS

رمز فایل :tahlildadeh.com

 

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

 

 

عبارت ها/Expression در AngularJS

AngularJS با بهره گیری از عبارت ها داده ها را به HTML مقید (bind) می کند. عبارات در AngularJS داخل {{ expression }} نوشته و درج می شوند. کار آن ها این است که مثل دستور ng-bind داده ها رو به HTML مقید (bind) می کنند و در هر جایی که قرار دارند داده ها را جایگزین خود می سازند. عبارت های AngularJS بسیار شبیه به عبارت های جاوا اسکریپت هستند بدین معنا که می توانند مقادیر نوشتاری (literal)، عملگر (operator)، متغیر دربر داشته باشند.

نمونه: {{ 5 + 5 }} یا {{ firstName + " " + lastName }}.

نمونه یک

 

My first expression: {{ 5 + 5 }}

امتحان کنید

 

حال اگر دستور ng-app را حذف کنید، HTML عبارت را بدون اینکه حل کند و همان گونه که هست نمایش می دهد:

نمونه دو

Without the ng-app directive, HTML will display the expression as it is, without solving it.

My first expression: {{ 5 + 5 }}

امتحان کنید

اعداد در AngularJS

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

 

نمونه سه

 

Total in dollar: {{ quantity * cost }}

امتحان کنید

اکنون همین مثال را با استفاده از دستور ng-bind بکار می بریم:

نمونه چهار

Total in dollar:

امتحان کنید

 

استفاده از دستور ng-init جهت مقداردهی اولیه ی متغیرها چندان رایج نیست. در مباحث بعدی به روش های دیگری برای مقداردهی اولیه خواهیم پرداخت.

رشته ها در AngularJS

رشته ها در جاوا اسکریپت درست همان کاربردی را دارند که در AngularJS:

نمونه پنج

    

The full name is: {{ firstName + " " + lastName }}

امتحان کنید

 

اکنون همان مثال فوق را با استفاده از دستور ng-bind می نویسیم:

 

نمونه شش

    

The full name is:

امتحان کنید

اشیا در AngularJS

اشیا در جاوا اسکریپت مشابه اشیا در AngularJS هستند و روش ایجاد و بکارگیری آن ها نیز یکسان است:

نمونه هفت

    

The name is {{ person.lastName }}

امتحان کنید

 

حال همان مثال را در زیر مشاهده می کنید که با دستور ng-bind نوشته شده است:

نمونه هشت

    

The name is

امتحان کنید

آرایه ها در AngularJS

آرایه ها در جاوا اسکریپت و AngularJS یکی هستند:

نمونه نه

    

The third result is {{ points[2] }}

امتحان کنید

 

حال همان مثال را با استفاده از دستور ng-bind می نویسیم:

نمونه ده

    

The third result is

امتحان کنید

مقایسه عبارات در Angularjs و  JavaScript

درست مشابه عبارت ها در جاوااسکریپت، عبارت های Angularjs هم می تواند حامل مقادیر نوشتاری (literal) ، عملگرها (operator ها) و متغیرها باشد.

بر خلاف عبارت در جاوااسکریپت، عبارت ها Angularjs می توانند درون کدهای HTML درج گردند.

عبارت Angularjs از دستورات شرطی، حلقه ها و استثنا ها (exception ها) پشتیبانی نمی کند. بر خلاف آن عبارت در جاوااسکریپت ار تمامی موارد نام برده پشتیبانی می کند.

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

 

  • 1537
  •    1142
  • تاریخ ارسال :   1394/08/16

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .