Recurly.js和Angular 4

Question

我正在使用角度反应形式并尝试从Recurly.js获取令牌。

我已经为输入使用了反复建议的名称，并为cc编号添加了data-recurly="number"，依此类推。

首先提交，我致电recurly.configure()然后我从反应表单中获取值并以这种方式将其传递给recurly.token()：

recurly.token(this.form.value, function (err, token) {
    if (err) {
      // handle error using err.code and err.fields
      console.log("Recurly token error: " + err);
    } else {
      // handle success using token.id
      console.log("Recurly token success: " + token.id);
    }
  });

this.form.value包含正确的字段名称和值，但我总是得到以下验证错误：

我错过了什么吗？

谢谢， DEM

Answer 1

快速更新

自Elements发布以来，Recurly.js应该与任何现代框架兼容，包括Vue，Angular和Electron。 React库也可用。

如果有人遇到此消息并在任何现代前端框架上使用Recurly.js遇到问题，请考虑opening an issue with the library。

Answer 2

所以基本上我们不能使用被动形式，并且反复支持告诉我他们不支持Angular或React（伙计们，它是2017年！）所以我们很难使用他们的表单系统，如果你是非常糟糕的告诉我。

但是，如果有人需要它，我已经创建了一个具有可重复定制和集成的复杂表单组件的演示项目：

https://github.com/demetrio812/angular-recurly-test

需要注意的一点是，Recurly.js库不支持同一页面中的多个表单。

干杯，

DEM的