Angular 9 系列（六）调用原生JS变量和方法

小渣渣

回顾

Angular 9 系列（一）动态加载组件
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 系列（二）动态组件传参
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 系列（三）订阅动态组件事件
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 系列（四）自定义 Pipe 管道
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 系列（五）格式化金额货币格式
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组件放置一个button按钮，点击“execute js”按钮，会执行我们定义好的方法，以及获取定义好的变量。

效果图如下：



ts 文件代码：

登录可见。

（完）