angular - Ionic 4-将外部香草JS库添加到我的项目中 - Thinbug

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

时间：2019-05-05 17:40:18

标签： angular ionic4 mercadopago

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

我试图导入我的angular.json文件，但无法正常工作。

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

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

文档link

1 个答案:

答案 0 :(得分：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>