TheLarkInn / angular2-multievent-bindings-plugin

A small plugin that allows for binding multiple events into an Angular2 template.
7 stars 1 forks source link

angular2-multievent-bindings-plugin

A small plugin that allows for binding multiple events into an Angular2 template.

Currently there is no way to bind multiple events to one expression in angular2 templates like this:


    <input type='text' (click,keypress,mousedown)=expressionIdWantToExecuteForAllOfTheseEvents($event) />

This plugin allows you to do this!!!

Installation

npm install angular2-multievent-bindings-plugin --save

Useage

import this plugin from your node modules and then add it to your EVENT_MANAGER_PLGUINS:


    import {MultiEventPlugin} from 'angular2-multievent-bindings-plugin';
    import {EVENT_MANAGER_PLUGINS} from '@angular/platform-browser';
    import {bootstrap} from '@angular/platform-browser-dynamic';
    import {provide} from '@angular/core';
    import {App, APP_PROVIDERS} from './app';

    bootstrap(App, [
        APP_PROVIDERS,
        provide(EVENT_MANAGER_PLUGINS, { multi: true, useClass: MultiEventPlugin})
    ]).catch((error) => console.error(error));