mz-click
v0.0.1
Published
Библиотека для ангуляра, для пропуска при клике на дочерние элементы, или наоборот
Downloads
2
Readme
##Описание Библиотека для ангуляра, для пропуска при клике на дочерние элементы, или наоборот
Установка
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>