Angular js. Модули, директивы, контроллеры, выражения, MVC

Главная » Видеоуроки » JavaScript » Angular js. Модули, директивы, контроллеры, выражения, MVC

В прошлом уроке мы начали изучение js фреймворка angular. Сегодня мы начнем разработку простого веб приложения с использованием angularjs, параллельно рассмотрев базовые понятия — директивы, модули, выражения, контроллеры, а также кратко обсудим подход к проектированию MVC (Model-View-Controller).

Давайте пройдемся по основным определениям, рассмотренным в этом уроке:

  • Модуль занимается инициализацией приложения и является контейнером для различных частей вашего приложения (например, для контейнеров).
  • Директивы — это дополнительные атрибуты html тегов, которые расширяют поведение языка html.
    Angular имеет большое количество встроенных в фреймворк директив, но разработчик может создавать свои собственные директивы. Директивы начинаются с префикс ng. Например ng-app
  • Выражения связывают данные с html. В выражениях вы можете выполнять любые арифметические операции, вызывать функции и пр. Выражения пишутся в двойных фигурных скобках

Теперь давайте обсудим MVC (Model View Controller). Данный подход подразумевает разбиение архитектуры приложения на три глобальных составляющих — Модель, Представление и Контроллер. Каждая из них призвана выполнять свою глобальную задачу. Модель предоставляет данные для показа пользователю. Представление (View) занимается отрисовкой этих данных. Контроллер является связующим звеном между этими двумя составляющими. Он передает данные от модели во view и наоборот.
В контроллерах angular имеется важный параметр $scope. $scope — это обычный javascript объект, а в контексте angular это область видимости. К данному объекту можно добавлять свойства, которые, понятно, будут действовать только в пределах данного $scope и более того, в рамках контроллера, в котором этот $scope объявлен.

Подписаться на рассылку

Будьте в курсе - получайте последние статьи на свой email

Ваша подписка успешно оформлена

Pin It on Pinterest

Share This