AngularJS - Hello World

Ahoj Classic World

Obecně platí, že když se učíme používat nový jazyk, první věcí, kterou uděláme, je vytvořit malý program, který nám vytiskne ten klasický. "Ahoj světe"Ačkoli to v aplikaci nemusí být skutečné použití, má to několik důsledků. Učí nás začít jazyk a dává nám způsob, jak zkontrolovat, zda vše funguje správně.
V této sekci uvidíme, jak provést a Ahoj světe, navíc prohlížení a prohlížení souvisejících konceptů, které nám umožňují vytvářet aplikace v AngularJS.
v AngularJS Šablona je na straně klienta, proto se data dostávají do naší aplikace a právě v této oblasti jsou organizována a připravována ke spotřebě uživatelem; při aplikaci tohoto konceptu na jednostránkovou aplikaci a používání AJAX budeme schopni dosáhnout dynamiky, aniž by uživatel musel znovu načíst web, kde si prohlíží.
Chcete -li provést jednoduché Ahoj světe A s vědomím výše uvedeného se podívejme, co potřebujeme k naplnění našeho cíle:

• Potřebujeme a HTML základna, kam zahrneme dva soubory. První bude AngularJS a druhý je vlastní skript, kam půjde naše logika zpracování.
• Uvnitř HTML musíte definovat blok kde AngularJS bude mít vliv, tj. kam umístíme štítek aplikace ng.
• V našem vlastním skriptu musíme vytvořit řadič AngularJS předat text do naší aplikace.

Jakmile víme, co potřebujeme, musíme vytvořit odpovídající kód. Podívejme se na následujícím obrázku, jak jsme to udělali:

ZVĚTŠIT

Vidíme, že jsme zahrnuli AngularJS z Google CDN tímto způsobem v tuto chvíli nemusíme stahovat soubory do našeho projektu, poté místo zahrnutí vlastního skriptu napíšeme potřebné pokyny, uděláme to jako ukázku, vždy je dobré oddělit kód, aby se s ním snáze manipulovalo.
Už štítek HTML má majetek aplikace ng což znamená, že AngularJS jeho rozsah má celý dokument a my děláme div, kam umístíme a ng ovladač což je ovladač AngularJS.
DůležitéVše, co náš ovladač udělá, je vytisknout slovo Ahoj vedle slova Svět které jsme již napsali dříve, zdůrazníme jak AngularJS nepotřebuje nic víc, než je to, že definujeme kontextová proměnná a automaticky nám vytvoří odpovídající odkazy.
Nyní se podívejme, jak to všechno vypadá v prohlížeči, otevřeli jsme soubor firebug konzole abychom ukázali, co se stalo, když jsme spustili naši aplikaci:

ZVĚTŠIT

Můžeme si pak všimnout jak AngularJS v době načítání dokumentu jste vložili slovo Ahoj v našem div a tímto způsobem by aplikace fungovala.
Jak vidíme, vytvořili jsme naše Ahoj světe a trochu jsme pochopili, jak to funguje AngularJS A co máme na mysli, když mluvíme o tom, že je šablona v klientovi, představme si, že to slovo jsou data, která pocházejí z webové služby. Zde vidíme, jak to dostává nový rozměr, protože bychom mohli generovat větší dynamiku v našich aplikacích.
Předchozístrana 1 ze 2další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