آخرین بروزرسانی : ۰۱-۰۷-۱۴۰۰

کامپوننت ها در فریم ورک انگولار

کامپوننت ها اجزاء بلوک اصلی ساختمان برای برنامه های Angular هستند. هر جزء شامل:

یک قالب HTML که آنچه را در صفحه نمایش می دهد اعلام می کند
یک کلاس Typescript که رفتار و کارایی کامپوننت را تعریف می کند(کد اصلی کامپوننت در این فایل ذخیره می شود)
انتخابگر CSS که نحوه استفاده از کامپوننت را در قالب تعریف می کند
به صورت اختیاری ، استایل های CSS بر روی قالب اعمال می شود

این مبحث نحوه ایجاد و پیکربندی یک کامپوننت Angular را توضیح می دهد.

پیش نیازها:

برای ایجاد یک کامپوننت، مطمئن شوید که پیش نیازهای زیر انجام داده اید:

1- نصب Angular CLI با دستور زیر :

npm install –g @angular/cli

2- ایجاد یک فضای کاری و برنامه اولیه با دستور زیر :

ng new my-app ( در خط فرمان دستور ng new و بعد نام اپلیکشین مورد نظر خود را وارد کنید )

ایجاد کامپوننت :

ساده ترین راه برای ایجاد کامپوننت استفاده از Angular CLI هست ، البته شما میتوانید به صورت دستی هم اقدام به ساخت کامپوننت کنید .

نصب کامپوننت با استفاده از Angular CLI

1- یک ترمینال باز کنید و به محلی که می خواید فایل های پروژه را در آنجا ذخیره کنید بروید

2- دستور زیر را بنویسید به جای component-name نام کامپوننت خود را وارد کنید

ng generate component <component-name>

به صورت مختصر می توانید بنویسید :

ng g c <component-name>

https://angular.io/guide/component-overview

بیشتر بدانید

خدمات مرتبط