Как использовать плагин flip jQuery в угловой 4

У меня был компонент, который использует плагин jQuery и Flip для этого, основная проблема заключается в том, когда я пытаюсь использовать его в ngAfterViewInitнем, просто не работает, но также не получил никакой ошибки из журнала, может быть, есть шаг I Я забыл это сделать, я могу использовать флип-плагин?

Вот мой код на данный момент, надеюсь, вы можете помочь мне, ребята, и спасибо за ваше время

import { Component, OnInit ,AfterViewInit} from '@angular/core';
import {ApiBackEndService} from '../api-back-end.service';
import { DatePipe } from '@angular/common';
import * as moment from 'moment';
declare var $ : any;

declare var flip : any;
@Component({
  selector: 'app-booking',
  templateUrl: './booking.component.html',
  styleUrls: ['./booking.component.css']
})
export class BookingComponent implements OnInit , AfterViewInit{
...
  constructor(private api:ApiBackEndService) { }
  ngAfterViewInit(){

      $(".flip").flip({
        axis: 'y',
        trigger: 'hover'
      });
  }
  ngOnInit() {
    this.api.loadRooms().subscribe(data=>{
      this.rooms=  data.rooms;          
    });    
  }

...

}

Версия jQuery 3. *

javascript,jquery,angular,plugins,jquery-plugins,

0

Ответов: 1


0

Кажется, что я использую наблюдаемые для заполнения данных тех, которые входят в .flipкласс, что-то случилось, что для визуализации данных требуется несколько секунд, а на самом деле работает, к тому времени, что я делаю, это setTimeOut1 секунда, и это работает отлично, я ищу лучшее решение, любые обновления, я отправлю его здесь

this.api.loadRooms().subscribe(data=>{
      this.rooms=  data.rooms;
      this.enableAnimations();
    });

enableAnimations(){
    setTimeout(()=>{ $(".flip").flip({
      axis: 'y',
      trigger: 'hover'
    }); }, 1000);

  }

с этой реализацией, он отлично работает, я знаю, что это может быть лучший способ избежать таймаута

JavaScript, JQuery, угловые, плагины, JQuery-плагинов,
Похожие вопросы