Angular2：Braintree如何导入和使用

Question

我是 Angular 2 的新手。我已经按照一些教程创建了一个应用程序，现在我正在尝试在我的项目中导入和使用 braintree，但它不起作用。

到目前为止我已经这样做了：

npm install @types/braintree-web
npm install --save braintree-web

我试过这段代码：

import {Component, OnInit} from '@angular/core';

@Component({
  selector: 'app-paymenttest',
  templateUrl: '../html/paymenttest.html',

}) export class PaymenttestComponent implements OnInit {

  client = require('braintree-web/client');
  hostedFields = require('braintree-web/hosted-fields');

  ngOnInit() {
    this.client.create({
      authorization: 'CLIENT_AUTHORIZATION'},
      (err, clientInstance) => {
      this.hostedFields.create(/* ... */);
    });
  }

}

但我遇到了两个错误：

ERROR in [...]/paymenttest.component.ts (9,12): Cannot find name 'require'.
ERROR in [...]paymenttest.component.ts (10,18): Cannot find name 'require'.

也许我错过了一些步骤？或者我应该以不同的方式导入它......我有点迷路有人可以帮助我吗？

Answer 1

将此添加到您的 typings.d.ts

declare var require: any;

Answer 2

您可以使用简单的 import 语句，例如：

import { client } from 'braintree-web';
import { hostedFields } from 'braintree-web';

您可以查看 example 如何将 braintree 与 angular2-4 一起使用。

Angular2：Braintree如何导入和使用

Angular 2 : Braintree how to import and use it

javascript

braintree

angular