2017-02-08 1 views
2

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?

Répondre

3

Si vous utilisez CLI Angular, faites comme si vous importiez d'autres bibliothèques externes/jQuery.

Alors:

  1. NPM installer --save lightbox2
  2. ajouter des styles à cli.json angulaire:

    "styles": [ "styles.css", "../node_modules/lightbox2/dist/css/lightbox.min.css" ],

  3. ajouter un script à cli.json angulaire

    "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/lightbox2/dist/js/lightbox.min.js" ],

  4. 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>