Несколько примеров быстрого включения AngularJS в ваш сайт.

AngularJS – это JavaScript-фреймворк который славится очень шустрой работой,
удобной передачей AJAX данных и разделяет свою логику на MVC шаблон
«модель-представление-контроллер», ну ещё можно добавить что он с открытым исходным кодом и создан для лёгкого и
быстрого добавления сложных сценариев на вашу HTML страницу.

Хочу представить несколько примеров быстрого включения AngularJS в ваш сайт, без лишних описаний, их и так достаточно в интернете.

AngularJS

Допусти мы хотим чтобы при вводе текста в поле ваше имя асинхронно (без перезагрузки) выводилось имя пользователя.

Первым делом я подключаю саму JS библиотеку:

Далее я объявляю что на данной странице будет использован метод ng-app

Следующим шагом я показываю где будет выводится введённый нами текст

И наконец сам блок куда вводим имя ng-model=”myText”

Всё вместе в сборе можно проверить в живом примере ниже –>


Пример ниже демонстрирует методы ng-controller, $http.post которые можно использовать для интернет магазина на AngularJS

При клике по кнопке button-> 1….5 срабатывает событие ng-click которое запускает функцию передавая аргумент от 0 до 4

ну и несколько стандартыех вспомогательных функций JavaScript такие как:
document.getElementById – для получения элемента по ид,
product_name_id.innerHTML = “…” – заменям содержимое с ид “product_name_id”,
product_img_id.src = “…” – меняем атрибут SRC,
JSON.parse() – разбораем джейсон и получаем переданный аргумен,

Весь код:

Ещё один пример работы со списками AngularJS

Следующий пример показывает как и пред идущий использует метод: ng-model=”…”
и запускает функцию addItem(text, price) передавая аргументы, по событию ng-click=”…”.

1 Бал2 Бала3  Бала4  Бала5  Балов
loadingЗагрузка...

<<< >>>

Добавить комментарий