javascript - Recurly.js och Angular 4

Jag använder ett Angular reaktivt formulär och försöker få en token från Recurly.js.

Jag har använt det namn som Recurly föreslog för inmatningen och lagt till data-recurly="number" för kreditkortsnumret och så vidare.

Vid inskickning anropar jag först recurly.configure() och sedan tar jag värdet från det reaktiva formuläret och skickar det till recurly.token() på detta sätt:

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 innehåller de korrekta fältnamnen och värdena, men jag får alltid följande valideringsfel:

Missar jag något?

Tack, Dem

Svar #1

Snabb uppdatering

Sedan lanseringen av Elements bör Recurly.js vara kompatibel med vilken modern ram som helst, inklusive Vue, Angular och Electron. Ett React-bibliotek är också tillgängligt.

Om någon stöter på detta meddelande och upplever ett problem med att använda Recurly.js med något modernt front-end-ramverk, vänligen överväg att öppna ett ärende med biblioteket.

Svar #2

Så i princip kan vi inte använda reaktiva formulär och Recurly-supporten sa till mig att de inte stöder Angular eller React (grabbar, det är 2017!) så vi är fast med att använda deras formulärsystem som är ganska dåligt om du frågar mig.

Men om någon annan behöver det, har jag skapat ett demoprojekt med en Recurly-formulärkomponent som enkelt kan anpassas och integreras:

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

En sak att notera är att flera formulär på samma sida inte stöds av Recurly.js-biblioteket.

Skål,

Dem