Angular 9 시리즈(VI)는 네이티브 JS 변수와 메서드를 호출합니다

작은 쓰레기 같은 놈들 · 게시됨 2020. 6. 10. 오전 10:33:24

복습

Angular 9 시리즈 (1) 동적 부하 구성 요소
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 시리즈(2) 동적 성분 전송 매개변수
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 시리즈(3)는 동적 컴포넌트 이벤트를 구독합니다
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 시리즈 (IV) 맞춤형 파이프 파이프라인
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 시리즈(V)는 금액 통화 형식을 제공합니다
https://www.itsvse.com/thread-9249-1-1.html

Angular 단일 페이지를 개발할 때, 기존 웹페이지에 페이지를 임베드할 수 있고, 기존 웹페이지는 많은 원본 js와 css 파일을 도입하게 되며, 원본 웹 페이지 패키징 방법이나 변수를 사용해야 할 수도 있습니다.

Angular를 사용해서 네이티브 JS 변수와 메서드를 호출하는 것은 어떨까요? 이 글에서는 이를 자세히 소개할 것입니다.

사실, 우리는 이미 이 언어를 사용해본 적이 있습니다.

Angular6가 바이두 지도 튜토리얼을 도입했습니다
https://www.itsvse.com/thread-7481-1-1.html

먼저, index.html에서 여러 js 변수와 메서드를 정의합니다. 코드는 다음과 같습니다:

로그인이 보이네요.

Angular 컴포넌트에 버튼 버튼을 넣고 "execute js" 버튼을 클릭하면 정의한 메서드가 실행되고 정의된 변수를 받습니다.

렌더링은 다음과 같습니다:

TS 파일 코드:

로그인이 보이네요.

(끝)

[각] Angular 9 시리즈(VI)는 네이티브 JS 변수와 메서드를 호출합니다

관련 게시물

본 섹션