Je ne peux pas obtenir lightbox 2 pour travailler dans Angular 2. Je l'ai mis en place comme décrit dans la documentation, mais je reçois toujours l'erreur "Uncaught TypeError: this. $ Lightbox.css (...). FadeIn n'est pas un fonction". Je ne trouve aucun exemple de code pour que cela fonctionne.Obtenez lightbox 2 travaillant dans Angular 2?
2
A
Répondre
3
Si vous utilisez CLI Angular, faites comme si vous importiez d'autres bibliothèques externes/jQuery.
Alors:
- NPM installer --save lightbox2
ajouter des styles à cli.json angulaire:
"styles": [ "styles.css", "../node_modules/lightbox2/dist/css/lightbox.min.css" ],
ajouter un script à cli.json angulaire
"scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/lightbox2/dist/js/lightbox.min.js" ],
ajouter les images à votre modèle, par exemple (en utilisant avec ui sémantique)
<a href="/assets/img/flag.png" data-lightbox="image" data-title="My caption"> <img class="ui bordered small image" src="/assets/img/flag.png"> </a>