Блог программиста

Изучаем и разрабатываем что-то новое, делимся опытом.

AngularJS для начинающих

Возможно, Вы слышали, что есть некий AngularJS... Я, как начинающий интересоваться AngularJS, попробую разобраться с ним...

Заходим в википедию:

AngularJS - JavaScript-фреймворк с открытым исходным кодом. Предназначен для разработки одностраничных приложений. Его цель — расширение браузерных приложений на основе MVC шаблона, а также упрощение тестирования и разработки.

Рассмотрим простейщий пример на AngularJS:

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Angular JS</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
</head>
<body ng-app>
  {{2+2}}
</body>
</html>

Как вы могли догадаться 2 + 2 = 4! :)

Так как это AngularJS для начинающих, будем разбираться по порядку, шаг за шагом.

Во-первых, подключим библиотеку:

Во-вторых, AngularJS надо активизировать, указав в теге body нестандартный атрибут ng-app

В двойных фигурных скобках {{ ... }} спокойно размещаем арифметические операции или функции.

Давайте, рассмотрим пример в стиле Hello, world! Как ни как это статья для начинающих.

<input type="text" ng-model="name">
Hello, {{name}}!

Появляется поле ввода, каждый раз нажимая кнопочки на клавиатуре, будет перерисовываться {{name}} значением поля ввода. Для этого просто нужно было указать: ng-model="name".

Всё очень просто, особенно для начинающих на AngularJS.


  • mike - 2015-12-20 17:30:18

    Ну и как начинающим понятен AngularJS ???

  • - 2016-03-07 15:22:55

    Отлично для начинающего

  • - 2018-02-08 02:00:12

    Пока никак

Отправить комментарий
Наши проекты
Cj - язык программирования (C++ & Javascript)
Новый язык программирования, для разработки веб, мобайл, десктоп-приложений, игр... подробнее...
Контакты
vk.com/sitev_ru
Skype: sitev.ru
E-mail: mike@sitev.ru
github.com/sitev

Рейтинг@Mail.ru

Besucherzahler
счетчик посещений