This is the archived documentation for Angular v6. Please visit angular.io to see documentation for the current version of Angular.

HammerGestureConfig

An injectable HammerJS Manager for gesture recognition. Configures specific event recognition.

      
      class HammerGestureConfig {
  events: string[]
  overrides: {...}
  options?: {...}
  buildHammer(element: HTMLElement): HammerInstance
}
    

Properties

Property Description
events: string[]

A set of supported event names for gestures to be used in Angular. Angular supports all built-in recognizers, as listed in HammerJS documentation.

overrides: { [key: string]: Object; }

Maps gesture event names to a set of configuration options that specify overrides to the default values for specific properties.

The key is a supported event name to be configured, and the options object contains a set of properties, with override values to be applied to the named recognizer event. For example, to disable recognition of the rotate event, specify {"rotate": {"enable": false}}.

Properties that are not present take the HammerJS default values. For information about which properties are supported for which events, and their allowed and default values, see HammerJS documentation.

options?: { cssProps?: any; domEvents?: boolean; enable?: boolean | ((manager: any) => boolean); preset?: any[]; touchAction?: string; recognizers?: any[]; inputClass?: any; inputTarget?: EventTarget; }

Properties whose default values can be overridden for a given event. Different sets of properties apply to different events. For information about which properties are supported for which events, and their allowed and default values, see HammerJS documentation.

Methods

Creates a HammerJS Manager and attaches it to a given HTML element.

buildHammer(element: HTMLElement): HammerInstance
      
      buildHammer(element: HTMLElement): HammerInstance
    

Parameters

element

The element that will recognize gestures.

Returns

HammerInstance: A HammerJS event-manager object.