Angular: struktura aplikacji i komponentów

Angular i model MVC

Angular działa wg modelu MVC (Model/View/Controler)

Model - logiczna struktura danych w aplikacji (struktura kodu reprezentująca dane)

View - struktura kodu, która reprezentuje Interface aplikacji, z którym styka się użytkownik (wygląda aplikacji)

Controller - pośredniczy pomiędzy widokiem a modelem (reprezentuje logię działania aplikacji)

Inne pojęcia zw. z logiąką działania angularowej aplikacji

Scope - inaczej kontekst pomiędzy modelem oraz zdefiniowanymi funkcjami. Kontroler ustawia model oraz funkcje w ramach kontekstu.

Directives - dyrektywy pozwalające na dynamiczne zarządzanie HTML

Expression - pozwalają na dostęp do kontekstu modelu oraz funkcji (interpolację danych)

Konstrukcja Komponentu

Klasa jako interface (implements NazwaKlasy)

konstruktor - pozwala na inicjalizowanie zależności (w postaci argumentów), choć faktycznie nie wszystkie argumenty podane w konstruktorze muszą być faktycznie wykorzystane w ramach funkcji konstruktora (np. różnego rodzaje zależności w postaci serwisów), a mogą być użyte w dalszej części klasy tworzącej komponent.

    [...]
    items: ToDoItems[]

    constructor (logService: LogService, itemsToDo: ToDoItems[]) {
        this.items = itemsToDo
    }
    [...]
    onClick() {
        logService.log('Hello World')
    }

Źródła:

AngularJS : Application Anatomy