0.0.1 • Published 5 years ago

mz-click v0.0.1

Weekly downloads
4
License
-
Repository
-
Last release
5 years ago

##Описание Библиотека для ангуляра, для пропуска при клике на дочерние элементы, или наоборот

Установка

import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {AppComponent} from './app.component';
import {MzClickModule} from "mz-click";

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    /*
    подключаем тут наш модуль
    */
    MzClickModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

Пример

<!-- PASS CLICKS ONLY TO ZONES -->
<div class="click-container"
     (mzClick)="mzClick($event)"
     [mzClickZones]="[b2, b4]"
     mzClickSkipMode="onlyZone"
     [mzClickThrottle]="0"
     [mzClickAudit]="0"
     [mzClickDebounce]="0">
  <div class="sub b1">BLOCK 1</div>
  <div class="sub b1" #b2>BLOCK 2</div>
  <div class="sub b1">BLOCK 3</div>
  <div class="sub b1" #b4>BLOCK 4</div>
</div>


<!-- PASS CLICKS ONLY OUT OF ZONES -->
<div class="click-container"
     (mzClick)="mzClick($event)"
     [mzClickZones]="[b2, b4]"
     mzClickSkipMode="exceptZone">
  <div class="sub b1">BLOCK 1</div>
  <div class="sub b1" #b2>BLOCK 2</div>
  <div class="sub b1">BLOCK 3</div>
  <div class="sub b1" #b4>BLOCK 4</div>
</div>