Улучшить эту документацию Просмотреть исходный код ngOn

Обзор

Директива ngOn добавляет обработчик события к элементу DOM через angular.element().on() и вычисляет выражение при срабатывании события. ngOn позволяет добавлять обработчики для произвольных событий, указав имя события в атрибуте, например ng-on-drop="onDrop()" выполнит выражение 'onDrop()' при срабатывании события drop.

AngularJS предоставляет специфические директивы для многих событий, такие как ngClick, поэтому в большинстве случаев использование ngOn не требуется. Однако AngularJS не поддерживает все события (например, событие drop в примере выше), и новые события могут быть добавлены в будущих стандартах DOM.

Другой случай использования ngOn — прослушивание настраиваемых событий, генерируемых настраиваемыми элементами.

Связывание с свойствами camelCase

Поскольку атрибуты HTML нечувствительны к регистру, свойства camelCase, такие как myEvent, должны быть экранированы. AngularJS использует символ подчёркивания (_) перед символом, чтобы указать, что он заглавный, поэтому myEvent должно быть записано как ng-on-my_event="expression".