Примеры AngularJS

Попробуйте сами

Вы можете редактировать примеры онлайн и затем нажать кнопку, чтобы увидеть результат.

Примеры AngularJS

<div ng-app="">
<p>Имя: <input type="text" ng-model="name"></p>
<p>Вы написали: {{ name }}</p>
</div>

Попробуйте сами

Основы AngularJS

• Мой первый指令 AngularJS
• Мой первый指令 AngularJS (соответствует стандартам HTML5)
• Мой первый выражение AngularJS
• Простое выражение AngularJS, использующее переменные
• Мой первый контроллер AngularJS

Основной обзор AngularJS

Выражения AngularJS

• Простое выражение
• Выражения без ng-app
• Выражения, содержащие число
• Использование ng-bind для привязки числа
• Выражения, содержащие строку
• Использование ng-bind для привязки строки
• Выражения, содержащие объект
• Использование ng-bind для привязки объекта
• Выражения, содержащие массив
• Использование ng-bind для привязки массива

Обзор выражений

Модули AngularJS

• Контроллеры AngularJS
• Модули и контроллеры в файле
• Когда загружать AngularJS

Обзор модулей

Инструкции AngularJS

• Инструкции AngularJS
• Инструкция ng-model
• Инструкция ng-repeat (для массивов)
• Инструкция ng-repeat (для объектов)
• Создание новой инструкции
• Использование новой инструкции в качестве элемента
• Использование новой инструкции в качестве атрибута
• Использование новой инструкции в качестве класса
• Использование новой инструкции в качестве комментария
• Инструкции с ограничениями

Введение в инструкции

Модели AngularJS

• Модели AngularJS
• Модели с двусторонней привязкой
• Модели с валидацией
• Формы и текущее состояние их валидации
• Установка CSS класса при недействительном поле

Введение в модели

Контроллеры AngularJS

• Контроллеры AngularJS
• Свойства контроллера
• Функции контроллера
• Контроллеры в файле JavaScript I
• Контроллеры в файле JavaScript II

Введение в контроллеры

Область видимости AngularJS

• Область видимости AngularJS
• Области видимости синхронизированы
• Различные области видимости
• Корневая область видимости

Введение в область видимости

Фильтры AngularJS

• Фильтр выражений uppercase
• Фильтр выражений lowercase
• Фильтр выражений currency
• Фильтр инструкций orderBy
• Фильтры ввода

Введение в фильтры

XMLHttpRequest AngularJS

• Чтение статического файла JSON

Введение в XMLHttpRequest