Comments (5)
Hi, may I see your ts and html files to see whats going on?
from ngx-stripe.
Sure, here you go:
<form [formGroup]="formGroup" role="form" (ngSubmit)="buy()">
<label>
<span>Name</span>
<input formControlName="name" class="field" />
</label>
<ngx-stripe-card [options]="cardOptions"></ngx-stripe-card>
</form>
import {Component, OnInit, ViewChild} from '@angular/core';
import {StripeService, StripeCardComponent} from 'ngx-stripe';
import {FormBuilder, FormGroup, Validators} from '@angular/forms';
@Component({
templateUrl: './book-bedroom.component.html',
styleUrls: ['./book-bedroom.component.css']
})
export class BookBedroomComponent implements OnInit {
formGroup: FormGroup;
@ViewChild(StripeCardComponent) card: StripeCardComponent;
cardOptions = {
style: {
base: {
iconColor: '#666EE8',
color: '#31325F',
lineHeight: '40px',
fontWeight: 300,
fontFamily: 'Lato',
fontSize: '18px',
'::placeholder': {
color: '#CFD7E0'
}
}
}
};
constructor(private fb: FormBuilder, private stripeService: StripeService) {}
ngOnInit() {
this.formGroup = this.fb.group({
name: ['Jane', Validators.required]
});
}
buy() {
const name = 'Jane';
console.log('card');
this.stripeService.createToken(this.card.getCard(), { name })
.subscribe(token => {
console.log('Token created correctly');
console.log(token);
}, error => { console.log(error); });
}
}
from ngx-stripe.
I cannot reproduce the error on my laptop. I will give it a try tomorrow at the office on some Virtual machines and get back to you
from ngx-stripe.
I'll also do some more tests on different browsers tomorrow. For now, I can only claim this happens on Safari.
from ngx-stripe.
I believe this is really not occurring anymore; strange! Any news about the locale settings? Thanks!
from ngx-stripe.
Related Issues (20)
- [BUG] HOT 2
- StripeService injection error HOT 3
- Request for Beta Feature to block certain card types HOT 3
- [BUG] Payment Request Button throws error in console HOT 5
- Angular 17 HOT 1
- Possibility to see CB images HOT 15
- Stripe not blocking the fradulent cards HOT 1
- [BUG] <ngx-stripe-card> layout broken after recent Link integration HOT 1
- [BUG] I get issue in console log: "Refused to execute inline script" when loading some ngx elemens HOT 1
- Payment Dialog Not Closing on Abort Method Call Before/After Payment Intent Creation
- [BUG]
- Make ngs-stripe compatible with stripe/stripe-js v3.0.0 HOT 2
- [BUG] Unable to display name, phone & email is payment form using the billingDetails in defaultValues HOT 1
- [BUG] Missing type ConfirmCashappSetupOptions in "@stripe/[email protected]" HOT 5
- [BUG] Card icon not visible HOT 1
- Change language dynamically HOT 2
- [QUESTION] Documentation link HOT 3
- Create Card token from StripeCardGroupDirective HOT 1
- [BUG] Remove Stripe Cart Element types HOT 2
- [BUG] Appearance not applied to <ngx-stripe-payment> HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-stripe.