Výrazy v AngularJS

Při práci na šablonách mnohokrát potřebujeme, aby byly chytřejší, to znamená jít o krok za hranice jednoduchého zobrazení dat, ale to by nemělo znamenat, že veškerou práci děláme v tom, co by mělo být jediným uživatelským rozhraním pro ukončení.
AngularJS nám nabízí to, čemu se říká výrazy, což jsou srovnávací operátory, logické a aritmetické, pomocí kterých můžeme poskytnout šabloně inteligenci a interagovat tak pokročileji s ovladačem.
VýrazyVýrazy nám umožňují vytvářet šablony, které mohou být inteligentnější, čímž můžeme vyjádřit změny rozhraní i chování v závislosti na datech, která nám správce nabízí.
Pomocí výrazů můžeme dosáhnout dynamického chování našich šablon, což je něco, co může pomoci zlepšit uživatelské prostředí, a tím je navést na cestu dobrého používání naší aplikace.
K tomu můžeme použít řadu miniaplikací, které přestože nejsou tak široké a hluboké jako JavascriptPoskytují velký manévrovací prostor. Je důležité, abychom nebyli v pokušení používat výrazy k vytváření logiky v našich šablonách, protože bychom narušovali jejich funkci a přidávali zbytečnou složitost našim aplikacím.
Můžeme použít tyto výrazy:
AritmetickýNapříklad sčítání (+), odčítání (-), násobení (*), dělení (/) atd.
SrovnáníJako větší (>) nebo menší (<) než, stejný (==) nebo jiný (! =) To a jejich kombinace.
LogikaJako různé (!), And (&&), nebo (||).
HovoryZavolejte metody a funkce našeho ovladače pomocí $ scope ({}).
Podívejme se níže na malý příklad, který nám může pomoci porozumět používání výrazů v našich šablonách v aplikaci vytvořené pomocí AngularJS.

Podíváme -li se na příklad, zahrnuli jsme některé výrazy, například můžeme přistupovat k metodě přepočítat() a jeho výsledek nebo návrat jej vydělíme 10, pak do seznamu prvků můžeme umístit třídy CSS ověřením zbývající části $ indexu jeho vydělením 4 ($ index% 4) a následným porovnáním, pokud je větší nebo rovno výsledku metody zvané limit.
Jak vidíme, není to vůbec obtížné a je velmi užitečné mít tyto nástroje, pokud se na příklad podíváme lepším způsobem, všimneme si také, že náš první výraz, přestože je technicky platný, jeho existence přenáší obchodní logiku na šablona.
Výraz {{přepočítat () / 10}} Nemělo by se používat, pokud potřebujeme hodnotu dělenou 10 výsledkem metody recalculate (), musíme ji získat v kontroléru a ne v šabloně, takže bychom měli vytvořit novou metodu, která ji začlení a tím pádem bude schopné vyhovět oddělení oblastí navržených MVC.
Tímto vidíme tutoriál, jak vidíme AngularJS Poskytuje nám nástroje k tomu, abychom mohli vytvářet kvalitní aplikace a využívat všechny zdroje, které nás napadají, k vytváření lepších aplikací.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod