کامپوننت ها اجزاء بلوک اصلی ساختمان برای برنامه های 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