عبارت ها (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))، آنگاه این مقدار در خروجی نمایش داده می شود.

مثال

مقدار kelidestanVariable را با استفاده از ng-init تعریف کرده ایم ( کلید شماره 26193 ) :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

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

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

مثال

مقدار دو متغیر را با استفاده از ng-init تعریف کرده ایم ( کلید شماره 26193 ) :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

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

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

مثال

مقدار دو متغیر را با استفاده از ng-init تعریف کرده ایم ( کلید شماره 26193 ) :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

آرایه (Array) :

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

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

نکته

در آرایه ها (Array)، شماره متناظر با عنصرها، از عدد 0 شروع می شود (نه عدد 1)، بنابراین عنصر متناظر با شماره 3 ، در واقع چهارمین عنصر از آرایه (Array) می باشد.

مثال

آرایه kelidestan را با استفاده از ng-init تعریف کرده ایم ( کلید شماره 26193 ) :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

شیء (Object) :

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

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

مثال

شیء kelidestan را با استفاده از ng-init تعریف کرده ایم ( کلید شماره 26193 ) :

همان طور که مشاهده می کنید، در شیء kelidestan ، سه متغیر تعریف شده است.

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
  • فهرست مباحث
نویسنده علیرضا گلمکانی
شماره کلید 26194
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو