Рис.1. Установка AngularJS через Nuget Packages

Работа AngularJS построена на использовании паттерна MVC – Model – View – Controller. Это означает, что структура данных, обработка и отображения определяются в трех разных местах.

Инструкция по созданию приложений AngularJS:

1. Подключите к проекту в Visual Studio. Рекомендую устанавливать фреймворки AngularJS и AngularJS UI Bootstrap через Manage NuGet Packages .

Рис.1. Установка AngularJS через Nuget Packages

Рис.1. Установка AngularJS через Nuget Packages

2. HTML-страница является частью View паттерна MVC для приложения AngularJS. Добавьте к открывающемуся тэгу <html> атрибут ng-app с указанием названия приложения:

<html xmlns="http://www.w3.org/1999/xhtml" ng-app="phonecatApp">

3. Подключите к странице файлы AngularJS и AngularJS UI Bootstrap:

В тэге <body> нужно указать контроллер-обработчик, например, так:

<body ng-controller="PhoneListCtrl">

 

4. Шаблон для отображения структуры данных (будет описано ниже):

 

5. В файле controllers.js добавьте следующий код:

 

Результат работы на рисунке 2:

Рис.2. Простое приложение AngularJS

Рис.2. Простое приложение AngularJS