ライトボックス2を角度2で稼働させますか？

Question

lightbox 2をAngular 2で動作させることはできません。ドキュメントに記載されているように設定しましたが、「Uncaught TypeError：this。$ lightbox.css（...）」というエラーメッセージが表示されます。関数"。私は、このコードを得るためのサンプルコードを見つけることができません。

Answer 1

Angular CLIを使用している場合は、他の外部/ jQueryライブラリをインポートするようにします。

だから：

1. NPM --save lightbox2をインストール

2. は角-cli.jsonにスタイルを追加します。

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

3. 角度-cli.json

   にスクリプトを追加

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

4. （セマンティックUIを使用して）例えば、あなたのテンプレートに

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

を画像を追加