JavaScript

آموزش عبارات (Expression) در AngularJs

تبلیغات
4 سوالی شهرداری
کانال تلگرام فتولیا

در این پست می خواهیم در مورد عبارات یا Expression ها رد AngularJs صحبت کنیم . عبارات در انگولار جی اس داخل دو تا براکت نوشته می شن : {{ عبارت }} . به علاوه مثل دستور ng-bind ، کارشون این هست که داده ها رو به HTML منتقل کنند و در هر جایی که قرار دارند اون داده رو جایگزین خودشون کنند .

همچنین عبارات Angular Js خیلی شبیه به عبارات در Java Script هستند و می شه از متغیر ، عملگر ها و دستورات خاصی داخل اونها استفاده کرد مثلا : {{ ۵ + ۵ }} یا {{ firstName + ” ” + lastName }}

خودتان امتحان کنید

اگر دستور ng-app را پاک کنید ، خود عبارت منظم به جای محاسبه مقادیر داخل اون نمایش داده میشه.

خودتان امتحان کنید


اعداد در AngularJs

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

خودتان امتحان کنید

مثال بالا را به جای عبارت منظم با دستور ng-bind هم بنویسیم :

خودتان امتحان کنید

نکته : استفاده از دستور ng-init زیاد مرسوم نیست . در آینده روش های بهتری به جای آن آموزش خواهیم داد.

رشته های متنی در AngularJs

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

خودتان امتحان کنید

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

خودتان امتحان کنید


اشیا و شی گرایی در AngularJs

اشیا هم در انگولار تا حد خیلی زیادی شبیه به جاوا اسکریپت هستند و روش ایجاد و به کارگیری شان یکی است:

خودتان امتحان کنید

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

خودتان امتحان کنید


آرایه ها در AngularJs

در مورد آرایه ها نیز همان موضوع بالا صادق است:

خودتان امتحان کنید

و با دستور ng-bind :

خودتان امتحان کنید


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

  • شبیه عبارت در جاوااسکریپت ، عبارت Angularjs هم همانند می تواند حاوی لیترال ها ، عملگرها و متغیرها باشد.
  • بر خلاف عبارت در جاوااسکریپت ، عبارت Angularjs می تواند در داخل کدهای HTML قرار بگیرد.
  • بر خلاف عبارت در جاوااسکریپت ، عبارت Angularjs از دستورات شرطی، حلقه ها و ایکسپشن ها پشتیبانی نمی کند.
  • بر خلاف عبارت در جاوااسکریپت ، عبارت Angularjs از فیلترها پشتیبانی می کند.

منبع

 

پاسخ دهید

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