角度コンポーネントにスクリプトを入力する方法

Question

Angular CLIに関するいくつかのプロジェクトがあります。だから私は、コンポーネントにいくつかのスクリプトを配置する必要がありますが、彼らがコンポーネントで

私のコードをそこアレントようだ：

それを修正する方法を知っている

<script src="//vk.com/js/api/openapi.js" type="text/javascript"></script> 
<div id="login_button" ></div> 
<script language="javascript "> 
    VK.init({ 
     apiId: 6241489 
    }); 
    /*function authInfo(response) { 
     if (response.session) { 
     alert('user: '+response.session.mid); 
     } else { 
     alert('not auth'); 
     } 
    } 
    VK.Auth.getLoginStatus(authInfo);*/ 
    VK.UI.button('login_button'); 
    </script> 

？

Answer 1

まず、より詳細にこの回答に返信ロードしてくださいサードパーティ製のスクリプトをに記載されている.angular-cli.jsonのapps[0].scriptsプロパティに追加してください。

その後、declare var VK: any;をdefininingして、コンポーネントにアクセス可能なグローバルVKオブジェクトを作成し、コンポーネントのngOnInit()からVK.init()を呼び出します。私はそれがAppComponentであると仮定します。

Answer 2

私はあなたのcomponent.htmlファイルにスクリプトタグを作成するはずだとは思いません。

想定された機能を起動したい場合は、これを試してください。

.TSファイル：

authInfo() { 
    // Where does response params come from? 
    if (response.session) { 
     alert('user: '+response.session.mid); 
    } else { 
     alert('not auth'); 
    } 
} 

.htmlのテンプレート：

<button (click)="authInfo()"></button> 

私はさらにあなたを助けることができるように:)