Recurly.js和Angular 4

Question

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

我为输入使用了递归建议的名称，并添加了抄送编号的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