عبارت ها (Expression)، در AngularJS

در آموزش شماره 26192 ، در مورد یک Directive با نام ng-bind صحبت کردیم که برای ارتباط دادن (bind کردن) یک متغیر از اپلیکیشن (Application Variable) یا اطلاعاتی از اپلیکیشن، به بخشی از صفحه، به کار می رفت. عبارت ها (Expression) در AngularJS نیز برای همین منظور، یعنی ارتباط دادن (bind کردن) به کار می روند و قسمتی از اطلاعات (data) اپلیکیشن را به بخشی از صفحه، ارتباط می دهند (bind می کنند) تا آن اطلاعات از اپلیکیشن، در آن بخش از صفحه، نمایش داده شود.

شیوه کلی نوشتن عبارت ها (Expression) در صفحه، به صورت زیر می باشد :

که در آن، به جای expression ، باید عبارت (Expression) مورد نظر خود را بنویسیم.

بنابراین چارچوب AngularJS ، در هر بخش از صفحه که علامت های }} و {{ را مشاهده کند (علامت های double braces)، متوجه می شود که یک عبارت (Expression) است و بنابراین مقدار مربوط به آن عبارت (Expression) را ارزیابی نموده و سپس آن مقدار ارزیابی شده را در خروجی صفحه نمایش می دهد.

آنچه که تعیین می کنیم که به بخشی از صفحه، ارتباط داده شود (bind شود)، می تواند حالت های مختلفی داشته باشد. بنابراین بر اساس این حالت ها، مثال هایی را در ادامه ذکر می کنیم.

اطلاعات ساده و جدا از اطلاعات اپلیکیشن (Application) :

ممکن است اطلاعاتی که می خواهیم نمایش بدهیم، اطلاعاتی ساده و جدا از اطلاعات اصلی اپلیکیشن (Application) باشد، مثل یک جمع ساده :

که در آن، AngularJS دو عدد 5 و 10 را جمع زده و نتیجه که برابر 15 می باشد را در خروجی نمایش می دهد.

متغیر اپلیکیشن (Application Variable) از نوع مقدار عددی (Number) یا رشته (String) :

اطلاعات مورد نظر، می تواند تنها مقدار یک متغیر اپلیکیشن (Application Variable) باشد :

بنابراین مثلا اگر مقدار متغیر kelidestanVariable برابر kelidestan.com باشد (یعنی متغیری از جنس رشته (String))، آنگاه این مقدار در خروجی نمایش داده می شود.

یا اطلاعات مورد نظر، می تواند ضرب دو متغیر اپلیکیشن باشد :

که در آن، اگر مقدار متغیر kelidestan برابر 10 و مقدار متغیر number برابر 3 باشد، آنگاه عدد 30 در خروجی صفحه، نمایش داده می شود.

یا ترکیبی از دو یا چند رشته (String) :

که در آن، با استفاده از علامت + سه رشته (String) را به یکدیگر متصل نموده ایم. بنابراین اگر مقدار string1 برابر website و مقدار string2 برابر programming باشد، آنگاه عبارت زیر در خروجی صفحه، نمایش داده می شود :

آرایه (Array) :

اطلاعات مورد نظر، می تواند بر اساس عنصری از یک آرایه (Array) باشد :

که در آن، عنصر متناظر با شماره 3 از آرایه ای (Array) با نام kelidestan ، در خروجی صفحه، نمایش داده می شود.

شیء (Object) :

اطلاعات مورد نظر می تواند بر اساس یک شیء (Object) باشد :

که در آن، kelidestan یک شیء (Object) می باشد و با kelidestan.address ، متغیر address تعریف شده در شیء را فراخوانی کرده ایم.