Ionic 4 - 将外部 vanilla JS 库添加到我的项目中

Question

我正在尝试将此 JS 库导入我的 Ionic 4 项目：“https://secure.mlstatic.com/sdk/javascript/v1/mercadopago.js”以在我的 angular 组件中使用它。我一直在网上寻找没有解决方案。

我尝试导入我的 angular.json 文件，但没有成功。

"scripts": ["https://secure.mlstatic.com/sdk/javascript/v1/mercadopago.js"]

我也尝试直接从我的 index.html 导入，但似乎无法读取它。

文档link

Answer 1

你可以这样试试

home.page.ts

import { Component } from '@angular/core';
declare var Mercadopago: any;

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  constructor() {
    console.log(Mercadopago);
  }
}

index.html

<html>
<body>
  <app-root></app-root>
</body>
<script src="https://secure.mlstatic.com/sdk/javascript/v1/mercadopago.js"></script>
</html>

Ionic 4 - 将外部 vanilla JS 库添加到我的项目中

Ionic 4 - add external vanilla JS library into my project

angular

ionic4

mercadopago

home.page.ts

index.html