0.0.1 • Published 4 years ago
ngx-ionic-long-press v0.0.1
ngx-long-press
About
A IONIC
gesture feature, for long press events
Instalation
npm i ngx-long-press --save
Usage
app.module.ts
import { NgxLongPressModule } from 'ngx-long-press';
@NgModule({
imports: [
NgxLongPressModule
]
})
export class AppModule {}
add the directive [long-press]
and the event callback (didLongPress)
to the element you want to listen.
if you want a diferent duration for the press, pass the value as miliseconds on [presss-duration]
, default = 1500
app.component.html
<ion-toolbar>
<ion-title size="large" [long-press] (didLongPress)="alertLongPress()">Blank</ion-title>
</ion-toolbar>
app.component.ts
export class AppComponent {
constructor() {}
public alertLongPress(){
console.log("user did long press for 1500 ms")
}
}
Properties
Name | Description | Type | default |
---|---|---|---|
(didLongPress) | Emitted when a long-press is capturated. | ()=>Void | |
[presss-duration] | Minimal duration for the press to count | number | default = 1500 |
0.0.1
4 years ago