لوگوی جشنواره وب و موبایل ایران

JavaScript

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

تبلیغات
دوره آموزش طراحی وب تبریز
کانال تلگرام فتولیا

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

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

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

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

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


اعداد در AngularJs

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

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

در همین رابطه مطالعه کنید:   فرم ثبت نام حرفه ای با PHP/jQuery به صورت AJAX

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

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

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

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

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

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

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

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


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

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

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

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

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

در همین رابطه مطالعه کنید:   ايجاد يك ويرايشگر متن سازگار با تمام مرورگرها [JavaScript]

آرایه ها در AngularJs

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

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

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

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


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

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

منبع

 

پاسخ دهید

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