Как использовать директиву длительного нажатия Ionic2

Я только начал программировать с помощью angular, и я извиняюсь, если вопрос простой или задан плохо.

У меня есть пользовательская директива LongPressDirective.ts

import { Directive, ElementRef, OnInit, OnDestroy ,Output , EventEmitter } 
from '@angular/core';
import { Gesture } from "ionic-angular/gestures/gesture";
declare let Hammer: any


@Directive({
 selector: '[long-press]' // Attribute selector

})
export class LongPressDirective implements OnInit, OnDestroy{
el: HTMLElement;
  pressGesture: Gesture;
@Output('long-press') onPressRelease: EventEmitter<any> = new 
EventEmitter();
//Hammer: any

 constructor(el: ElementRef) {
this.el = el.nativeElement;
console.log('Hello LongPressDirective Directive'); 
}

ngOnInit() {
//this.pressGesture = new Gesture(this.el);
this.pressGesture = new Gesture(this.el, {
recognizers: [
  [Hammer.Press, {time: 1000}]

]
 });
this.pressGesture.listen();

this.pressGesture.on('press', (event) => {
  console.log('pressed!!');
  this.onPressRelease.emit('released');
});


}

ngOnDestroy() {
this.pressGesture.destroy();
}
}

у меня есть импорт этой директивы в app.module.ts

в моем HTML используйте это в том же режиме:

<div #detailB *ngIf = "condition" class = "imgDetailBlur" [ngStyle]=" 
{'background-image': 'url('path')'}" id="detailB" (long-press)="clearImage()" >

но не работает, долгое нажатие пытается импортировать директиву che в app.module.ts и в одном модуле, но не работает


ionic-framework angular angular-directive ionic2
person Matteo    schedule 04.06.2018    source источник
comment
Я мало что знаю об ionnic, возможно, взгляните на заголовок stackoverflow.com/questions/43492833/   -  person Eliseo    schedule 04.06.2018
comment
npmjs.com/package/ionic-long-press я проверял, работает   -  person mohsen solhnia    schedule 04.06.2018
comment
Вот пример интеграции ionic-long-press: github.com/nioperas06/30-ionic-projects-in-30-days/tree/master/   -  person Junior Gantin    schedule 04.06.2018

Ответы (1)


arrow_upward
1
arrow_downward

Я решил в этом режиме:

создать новый модуль SharedModule.ts

import { NgModule } from '@angular/core';
import { LongPressDirective } from '../directives/long-press/long-press';

@NgModule({
   declarations: [
   LongPressDirective
  ],
exports: [
   LongPressDirective
  ]
})
export class SharedModule {

 }

В этом модуле я объявил и импортировал свою пользовательскую директиву «LongPressDirective».

Теперь используйте SharedModule в других модулях и работайте!

person Matteo    schedule 05.06.2018