EU CAPTCHA for Angular
Angular is a TypeScript-based front-end web application framework developed by Google for building single-page and enterprise-grade web applications. Integrate EU CAPTCHA into your Angular app for invisible, GDPR-compliant bot protection that fits naturally into Angular's component architecture.
Why choose Myra EU CAPTCHA?
Interaction-free user experience
No puzzles, no clicks – invisible bot protection with zero user friction.
Digital sovereignty made in Germany
Fully GDPR-compliant, no cookies, no tracking – developed and hosted in Germany.
Intelligent threat detection
Smart protection trained by more than 100 billion daily Myra CDN signals.
Proven technology
Over 5 billion successfully secured authentication attempts.
How the integration works
1. Create an EU CAPTCHA account
Creating an account is completely free, all you need is a valid email address and you’re ready to go. Choose a plan that covers your needs. The first 3 months are free of charge.
Create an Account2. Create a sitekey
Create a sitekey in the EU CAPTCHA dashboard for the domain you want to protect. Provide a clear label so you can easily identify it later. This sitekey links the widget on your Angular app to your EU CAPTCHA account.
3. Integrate EU CAPTCHA into your Angular app
Install the package by running npm i @myrasec/eu-captcha-angular, then share the integration guide with your developer to add the EU CAPTCHA component to your Angular application.
View integration guide4. Verify the token on your server
To finish the integration, share your sitekey with your developer and validate the eu-captcha-response token against the EU CAPTCHA API before processing any submission.
View server-side guide
5. The EU CAPTCHA widget will appear in your Angular application.
Frequently Asked Questions
How do I add EU CAPTCHA to an Angular application?
Install the package with npm i @myrasec/eu-captcha-angular. For standalone components, add EuCaptchaComponent to your component's imports array. For NgModule apps, import EuCaptchaModule in your AppModule. Place <eu-captcha [sitekey]="sitekey"> in your form template and call isEuCaptchaDone() in your submit handler before sending data to the server.
Does EU CAPTCHA work with Angular reactive forms?
Yes. EU CAPTCHA integrates alongside Angular reactive forms. The <eu-captcha> component renders independently of the FormGroup structure. Call isEuCaptchaDone() in your submit handler to confirm the challenge completed, then read the eu-captcha-response token from the hidden input before sending the form to your backend.
Does EU CAPTCHA work with Angular template-driven forms?
Yes. Place <eu-captcha [sitekey]="sitekey"> inside your template-driven form and call isEuCaptchaDone() before submission. The challenge runs in the background while the user fills in the form, so no additional interaction is required from the user.
Is EU CAPTCHA compatible with Angular's standalone components?
Yes. EU CAPTCHA supports both standalone components (Angular 14+) and NgModule-based architectures. For standalone components, add EuCaptchaComponent directly to the component's imports array. For module-based apps, import EuCaptchaModule once at the module level.
How do I handle the CAPTCHA token in Angular?
After the challenge completes, the widget automatically creates a hidden input named eu-captcha-response. You can read its value using document.querySelector('input[name="eu-captcha-response"]')?.value or by binding to the (completed) output event. Send this token to your backend for server-side verification before processing the form.
How do I use the EU CAPTCHA Angular package with SSR (Angular Universal)?
The @myrasec/eu-captcha-angular package handles browser-only rendering automatically. If you are using Angular Universal, ensure the widget component is only rendered in a browser context using isPlatformBrowser from @angular/common. This prevents any server-side rendering errors related to browser APIs.
Is EU CAPTCHA GDPR compliant for Angular applications?
Yes. EU CAPTCHA is operated by an EU-based company, is hosted entirely in Germany, and does not rely on US cloud providers or infrastructure subject to US surveillance laws. The service processes only the data necessary to provide and verify the CAPTCHA (such as IP address and technical browser or device information) in line with the requirements of the GDPR. Your organization remains responsible for providing transparent privacy information, selecting an appropriate legal basis, and obtaining any required consent for your specific Angular implementation. This information does not constitute legal advice; please consult your legal counsel for an assessment of your individual case.
Ready for a better CAPTCHA?
Experience invisible bot protection with privacy‑first, GDPR‑compliant verification made and hosted in Germany. Try Myra EU CAPTCHA now 3 months for free and secure your web forms without adding friction for your users.
Privacy-first technology
We guarantee zero data transfer to third-country jurisdictions.
Read our privacy policyFast and easy setup
We offer ready-made integrations for many CMS and popular frameworks.
Read our quick start guide