Naučte se základy Angular 9:Sestavte si aplikaci Kalkulačka

Naučte se základy Angular 9 vytvořením aplikace pro kalkulačku krok za krokem.

Výsledky učení výukového programu Angular 9

Dozvíme se o konceptech, jako jsou Angular moduly, komponenty a direktivy.

Dozvíme se také o syntaxi šablony Angular, která zahrnuje interpolaci, vazbu událostí a vazbu vlastností atd.

Jako příklad, který budeme budovat, je to jednoduchá aplikace kalkulačky, která implementuje základní operace výpočtu.

Dozvíte se z tohoto tutoriálu:

  • Jak nainstalovat nejnovější verzi Angular 9 CLI,
  • Jak inicializovat nový projekt Angular 9,
  • Porozumět modulům a komponentám a pracovat s nimi,
  • Porozumět syntaxi šablony Angular, zejména vazbám událostí a vlastností,
  • Poslouchejte události kliknutí a aktualizujte uživatelské rozhraní, když se změní data.

Kroky výukového programu Angular 9

Toto jsou kroky:

  • Krok 1 – Instalace Angular CLI 9
  • Krok 2 – Inicializace našeho projektu
  • Krok 3 – Pochopení úhlových modulů a komponent
  • Krok 4 – Přidání naší HTML šablony a stylů
  • Krok 5 – Pochopení syntaxe úhlové šablony
  • Krok 6 – Poslech událostí kliknutí na tlačítka a získání jejich přidružených hodnot
  • Krok 7 – Zobrazení hodnoty proměnných v šabloně

Podívejte se na tutoriál