

ソーシャルシェアのライブラリ[jssocials](http://js-socials.com/start-using/)

を使おうとしております。

[code]

    npm install jssocials
    
[/code]

でインストールしたんですが、この後の使い方がわかりません。  
jssocialsの使い方は、ドキュメントでは以下のようになってます。

[code]

    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="font-awesome.css" />
    <link rel="stylesheet" type="text/css" href="jssocials.css" />
    <link rel="stylesheet" type="text/css" href="jssocials-theme-flat.css" />
    </head>
    <body>
    <div id="share"></div>
    <script src="jquery.js"></script>
    <script src="jssocials.min.js"></script>
    <script>
        $("#share").jsSocials({
            shares: ["email", "twitter", "facebook", "googleplus", "linkedin", "pinterest", "stumbleupon", "whatsapp"]
        });
    </script>
    </body>
    </html>
    
[/code]

ionicだと、import文でモジュールを使用することになると思います。

[code]

    import { メソッド名等 } from 'ライブラリ名'
    
[/code]

が構文になると思いますが、上記のようなライブラリを使用する場合。  
import文の`{}`内に何を記述したら良いのでしょうか？


CC BY-SA 4.0
2018-04-29T01:03:26.820
43642
2020-01-10T10:38:31.603
2020-01-10T10:38:31.603
32986
28001
question
typescript ionic2
ionicでjsのライブラリをnpmでインストールして使用する方法。


ionic固有の話は分かりませんが、jssocialsはJavaScriptモジュールとして提供されているわけではないので、アンビエント宣言して使います。  
追加でjqueryの型定義ファイルも必要なはずです。 `npm install @types/jquery`

次のようなjssocials.d.tsで最低限は使えると思います。

[code]

    interface JsSocials {
        (arg: any): any;
    }
    
    interface JQuery {
        jsSocials: JsSocials;
    }
    
[/code]


CC BY-SA 4.0
2018-05-14T09:56:33.560
43980
2018-05-14T09:56:33.560
241
43642
answer