Најбољи начин да видите снагу апликације АнгуларЈС је стварање првог основног програма „Хелло Ворлд“ у програму Ангулар.ЈС.
Постоји много интегрисаних развојних окружења која можете користити за развој АнгуларЈС-а, нека од популарних су наведена у наставку. У нашем примеру користимо Вебсторм као свој ИДЕ.
- Вебсторм
- Узвишени текст
- АнгуларЈС Ецлипсе
- Визуелни студио
Здраво свете, АнгуларЈС
Пример у наставку приказује најлакши начин да креирате своју прву „Хелло ворлд“ апликацију у АнгуларЈС.
Guru99 {{message}}
Објашњење кода:
- Кључна реч „ нг-апп “ користи се да означи да ову апликацију треба сматрати угаоном јс апликацијом. Овој апликацији се може дати свако име.
- Контролор је оно што се користи за задржавање пословне логике. У х1 ознаци желимо да приступимо контролеру, који ће имати логику да прикаже „ХеллоВорлд“, тако да можемо рећи, у овој ознаци желимо да приступимо контролеру под називом „ХеллоВорлдЦтрл“.
- Користимо променљиву члана звану „порука“ која није ништа друго до чувар места за приказ поруке „Хелло Ворлд“.
- „Ознака скрипте“ користи се за референцу на скрипту ангулар.јс која има све потребне функције за ангулар јс. Без ове референце, ако покушамо да користимо било које функције АнгуларЈС, оне неће функционисати.
- „Контролор“ је место на коме заправо креирамо своју пословну логику, која је наш контролер. Специфичности сваке кључне речи биће објашњене у наредним поглављима. Оно што је важно напоменути је да дефинишемо методу контролера названу „ХеллоВорлдЦтрл“ на коју се упућује у кораку 2.
- Стварамо „функцију“ која ће бити позвана када наш код позове овај контролер. Објект $ сцопе је посебан објекат у АнгуларЈС који је глобални објекат који се користи у оквиру Ангулар.јс. Објект $ сцопе користи се за управљање подацима између контролера и погледа.
- Креирамо променљиву члана која се назива „порука“, додељујући јој вредност „ХеллоВорлд“ и причвршћујући променљиву члана на објект опсега.
НАПОМЕНА : Директива нг-контролер је кључна реч дефинисана у АнгуларЈС (корак # 2) и користи се за дефинисање контролера у вашој апликацији. Овде у нашој апликацији користили смо кључну реч нг-цонтроллер за дефинисање контролера под називом 'ХеллоВорлдЦтрл'. Стварна логика за контролер биће креирана у (корак # 5).
Ако се наредба успешно изврши, приказаће се следећи излаз када покренете свој код у прегледачу.
Излаз:
Приказаће се порука „Хелло Ворлд“.