دستور دهنده ها (Directive)، در AngularJS

چارچوب AngularJS از دستور دهنده ها (Directive) برای گسترش ساختار HTML موجود در صفحه استفاده می کند.

در واقع، HTML دارای مشخصه هایی (Attribute) می باشد که در حالت عادی به کار می روند (مشخصه های رایج آن)، حال چارچوب AngularJS با استفاده از دستور دهنده ها (Directive)، یک سری مشخصه (Attribute) جدید در ساختار HTML صفحه قرار می دهد که بعدا با استفاده از کدهای JavaScript خود، بر اساس آن مشخصه ها (Attribute)، پردازش هایی را بر روی ساختار HTML موجود در صفحه (اجزای صفحه)، اجرا خواهد کرد.

برای درک بهتر این موضوع، به یک مشخصه (Attribute) رایج در HTML که دارای نام class است، اشاره می کنیم. مشخصه class به صورت زیر به کار می رود :

حال مشابه استفاده از این مشخصه و سایر مشخصه های رایج در HTML ، چارچوب AngularJS یک مشخصه جدید با نام ng-app را به عنوان یک Directive در نظر گرفته است :

بنابراین AngularJS بر اساس نیاز خود برای گسترش ساختار HTML صفحه، تعدادی Directive را به این صورت، در نظر گرفته است (با ساخت مشخصه های جدید برای ساختار HTML صفحه).

نام تمامی Directive های چارچوب AngularJS ، با عبارت زیر شروع می شود :

بنابراین شناسایی آنها نسبت به مشخصه های (Attribute) رایج HTML ، ساده می باشد.

به عنوان مثال، چند Directive مهم در AngularJS را ذکر می کنیم :

اکنون که با مفهوم Directive در AngularJS آشنا شدید، در کلیدهای آموزشی آینده، سعی می کنیم که Directive های مهم AngularJS و نحوه عملکرد و کاربرد آنها را شرح بدهیم.