角2:大脑如何导入和使用它

Question

我刚接触到角锥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';

您可以检查一下示例关于如何在angular2-4中使用braintree。