본문 바로가기

Dev/Angular

[angular] Including javascript file

angualr8

 

 

여기서 이야기하는 javascript file은 export 가 깔끔히 되어있어서

import { asdf } from 'asdfsafd'

이렇게 쉽게 사용할수 있는 js 파일이 아니다!

 

도대체 정리가 안된 javascript file을 어떻게 angular가 실행하게 만들까?

 

1. 먼저 angular.json 에 script에 등록시킨다 (그래야 실행이된다)

2.하지만 내가 포함하고 싶은 js 파일은 함수들로만 구성된 파일이다.

3. 함수들로구성된.js 를 

var hello = (function() {

    return {
      func1: function() {
        alert('hello func 1');
      },
      func2: function() {
        alert('hello func 2');
      }
    }

})(hello||{})

이런식으로 만든다. func1이랑 func2만 있던걸 저렇게 만든다.

 

4. 어쩌구.component.ts 에서 import문 밑에 

declare const hello: any;

선언하면 저 객체가 컴포넌트안에 만들어짐

5. 그럼 hello.func1() 이런식으로 사용할수가 있게됨

 

* 사실 import나 include 할 js 를 클래스로 한번 감싸고 임포트 해도 되는데.. 

클래스로 감싸는건 es6(es2015)여서 ie11에서 잘 못읽어서 이런방법을 사용하게 되었음 

'Dev > Angular' 카테고리의 다른 글

[angular] Including javascript file  (0) 2019.12.27
[angular] ie11 host check error  (0) 2019.12.27
[angular] ie11 SCRIPT5022: SecurityError  (0) 2019.12.27
[angular] ng serve is not working with ie11  (0) 2019.12.27
[angular] build with single bundle  (0) 2019.12.27
윈도우 사이즈  (0) 2019.12.02