Ptáte se "proč AngularJS?"? Je pravda, že se tam venku prohání spousta mladých, elegantních verzí Angularu, ve svých bokových šatech s obličeji bez vrásek a vůbec ne šedými vlasy. Ale nezaměňujte mládí s krásou! Starší věci mohou být stále krásné. A co víc, starší věci často vydláždily cestu novým, mladým, kteří se nyní chlubí svými věcmi, a ty starší věci zanechaly ve světě stopu. Známka, se kterou se možná budete muset vypořádat. Zadejte:starší kód.
Někdy budete muset hrát podle pravidel staré mlhy, protože ta stará mlha napsala pravidla.
Pokud na koncert vstoupíte nepřipraveni, můžete se ocitnout pod vodou se starším kódem, na kterém musíte zapracovat, ale nevíte, kde začít. Získejte pohodlí se základy AngularJS a
- budete připraveni na jakýkoli starší kód, na který narazíte.
- pochopíte progresivní změny rámce v průběhu času a lépe pochopíte, jak funguje a jak jej nyní používat (mnoho věcí je podobných/nezměnilo se)
- plus (přidaný bonus zdarma!) mnohem více oceníte nové, mladé věci, když uvidíte, co nemusíte dělat, protože rámec je nyní tak vylepšený.
Direktivy AngularJS jsou jednou částí AngularJS, kterou stojí za to prozkoumat.
Zkrácená verze direktiv je taková, že jsou jako malé, malé příkazy, které začínají na 'ng' a dávají vašemu HTML superschopnosti.
AngularJS je nabitý hrstkou těchto direktiv, ihned po vybalení a připraven k použití, s opravdu jednoduchou a přímočarou syntaxí. Stačí je vložit do sekce šablony libovolné komponenty a nechat Angular kouzlit za vás.
Jedna super šikovná direktiva je 'ng-repeat', která za vás bude opakovat iterovatelnou, jako je tato:
Když kompilátor Angularu projde DOM a najde toto ng-repeat, jako kouzlo, bude vědět, že to znamená, že chcete procházet polem, kamkoli vložíte proměnnou „káva“ do šablony. Docela pěkné, co?
Existuje mnoho dalších direktiv jako:
- ng-app--auto-bootstraps aplikaci při načtení stránky a pojmenuje prvek div, ke kterému je připojen, jako „hlavní“ stránky.
- ng-model – sváže hodnotu HTML, ke které je připojen (např. „vstup“), s daty aplikace.
- ng-switch – umožňuje zobrazit/skrýt prvky HTML na základě podmínky.
- ng-click--vestavěný obslužný nástroj pro kliknutí
- ng-conroller--říká AngularJS, že toto je váš ovladač v MVC.
Je toho také mnohem více. Jsou to rychlé a snadné způsoby, jak zajistit, aby váš HTML dělal všechny skvělé věci, které chcete, aby dělal, aniž byste se museli obtěžovat používáním raw HTML nebo JS. Stojí za to zjistit, jak fungují v AngularJS a verzích Angularu mimo něj.