Улучшить эту документацию Просмотреть исходный код 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".