각 구성 요소에 스크립트를 넣는 방법

Question

각도 형 CLI에 대한 몇 가지 프로젝트가 있습니다. 그래서 구성 요소에 약간의 스크립트를 둘 필요가 있지만, 그들이이 arent 것 같다가

구성 요소에 내 코드 :

<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

첫째,로드

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

더 세부 사항이 답변에 회신 해 주시기 바랍니다 타사 스크립트를 속성에 .angular-cli.json에 추가하여 Angular CLI doc에 설명 된대로 추가하십시오.

그런 다음, 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 중에서 템플릿 : 내가 추가 지원을 할 수 있습니다 :

이