could't use fancybox-plus in angular 8

[yesimd]

Hi I installed fancybox in an angular 8 project via npm and then try to use it. There are several version of this lib. I followed the instructions in the page which forwarded from this project. But it didn't work for me. Would you please tell how to use this directive in angular 2+ component with a small example. Thanks in advance.

[igorlino]

The docu from the plain jquery, is for plain html pages.

The docu for angular 1.x has a different architecture. (https://github.com/igorlino/angular-fancybox-plus)

I believe you can use it, but fancybox-plus is a jquery based plugin. Which modifies the DOM outside of the lifecycle of angular 2.x or higher.

That means, you need to:

• include fancy-box and jquery as npm dependency,

• use the right code when your component has been initialized. onAfterViewInit

-destroy the fancybox when the component is destroyed.

Sorry, no time to create a newer example.

[yesimd]

The docu from the plain jquery, is for plain html pages.

The docu for angular 1.x has a different architecture. (https://github.com/igorlino/angular-fancybox-plus)

I believe you can use it, but fancybox-plus is a jquery based plugin. Which modifies the DOM outside of the lifecycle of angular 2.x or higher.

That means, you need to:

• include fancy-box and jquery as npm dependency,
• use the right code when your component has been initialized. onAfterViewInit

-destroy the fancybox when the component is destroyed.

Sorry, no time to create a newer example.

Hi, thanks for reply. Actually I already did this steps. I want to show an html element in the fancybox. But I could't find any example for that purpose especially foe angular version. Could you please give little info about syntax.