Komponent odpowiada za wizualną reprezentacje elementu osadzonego na stronie. Komponenty są klasami, a ich składowe czyli zmienne i metody dostępne są z poziomu szablonu html.
w celu stworzenia komponentu "todo-app" wykonujmy polecenie ng generate component todo-app
jeżeli nie interesują nas testy możemy napisać ng generate component todo-app --skipTests true
Angular CLI umożliwia tworzenie komponentów używając skrótów
- g - generate
- c - komponent
czyli finalnie wystarczy napisać:
ng g c todo-app --skipTests true
spowoduje to stworzenie w projekcie katalogu todo-app i dodanie do niego następujących plików:
- todo-app.component.ts
- todo-app.component.html
- todo-app.component.css
selector opisuje nazwę która jednoznacznie identyfikuje komponent w ramach innych szablonów html. Dzięki takiemu podejściu strona jest podzielona na mniejsze odseparowane fragmenty, a sam komponent możemy umieszczać dowolną ilość razy
wstawienie utworzonego komponentu na stronie sprowadza się do wywołania <app-todo-app></app-todo-app>
Brak komentarzy:
Prześlij komentarz