AngularJS - Hello World

Здравей Класически свят

Като цяло, когато се учим да използваме нов език, първото нещо, което правим, е да създадем малка програма, която отпечатва класическия за нас. "Здравей свят"Въпреки че това може да не е реално полезно в дадено приложение, това има няколко последствия. Той ни учи да стартираме езика и ни дава начин да проверим дали всичко работи правилно.
В този раздел ще видим как да изпълним a Здравей свят, допълнително разглеждане и преглед на свързани понятия, които ни позволяват да изграждаме приложения в AngularJS.
В AngularJS Шаблонът е от страна на клиента, следователно данните достигат до нашето приложение и точно в тази област той е организиран и подготвен за консумация от потребителя; когато прилагате тази концепция към приложение на една страница и използвате AJAX ще можем да постигнем динамика, без да е необходимо потребителят да зарежда отново мрежата, където сърфира.
За изпълнение на проста Здравей свят Знаейки горното, нека видим какво ни е необходимо, за да изпълним целта си:

• Нуждаем се от a HTML база, където включваме два файла. Първият ще бъде AngularJS а вторият е персонализиран скрипт, в който ще отиде нашата логика за обработка.
• Вътре в HTML трябва да дефинирате блока къде AngularJS ще има влияние, тоест къде ще поставим етикета ng-приложение.
• В нашия персонализиран скрипт трябва да създадем контролер AngularJS за да предадете текста на нашето приложение.

След като знаем от какво се нуждаем, трябва да изградим съответния код, нека видим на следващото изображение как сме го направили:

Увеличете

Виждаме, че сме включили AngularJS от Google CDN по този начин не е нужно да изтегляме файловете в нашия проект в момента, след което вместо да включим персонализиран скрипт, това, което сме направили, е да напишем инструкциите, от които се нуждаем, правим това като демонстрация, винаги е добре да отделим код, така че да е по -лесен за работа.
Вече етикетът HTML има имота ng-приложение което означава, че AngularJS има целия документ като обхват и правим div, където поставяме a ng-контролер който е контролер AngularJS.
ВажноВсичко, което нашият контролер ще направи, е да отпечата думата Здравейте до думата Светът което вече сме писали по -рано, подчертаваме как AngularJS не се нуждае от нищо повече от това, че ние дефинираме контекстна променлива и той автоматично прави съответните връзки към нас.
Сега да видим как изглежда всичко това в браузъра, отворихме конзола firebug за да покажем какво се е случило, когато стартирахме нашето приложение:

Увеличете

След това можем да забележим как AngularJS към момента на зареждане на документа сте поставили думата Здравейте в нашата div и по този начин приложението ще работи.
Както виждаме ние сме създали своето Здравей свят и разбрахме малко повече как работи AngularJS И какво имаме предвид, когато говорим за шаблона в клиента, нека си представим, че думата е данни, която идва от уеб услуга, тук виждаме как тя придобива ново измерение, тъй като бихме могли да генерираме повече динамика в нашите приложения.
Предишнистраница 1 от 2СледващияХареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка