Getting 404 with form submission with angular

[abeerIbrahim]

Hello,

I’m new to netlify and I’m trying to use the netlify forms with angular …
I have the form created at my dashboard but when I’m trying to submit the form it gave a 404 error
site name: https://lucid-lamarr-8bd6d6.netlify.app/
Error message:

Code:
Index.html

     <form name=”contact” netlify netlify-honeypot=”bot-field” method="POST" hidden>   
        <input type=”text” name=”name” />
        <input type=”email” name=”email” />
        <input type="text" name="subject" />
        <textarea name=”message”></textarea>
      </form>

component.html
<form [formGroup]=“contact” name=“contact” netlify-honeypot=”bot-field” >

Your Name:

Your Email:

Your subject: <input type=“text” formControlName="subject"name=“subject” />

Message:

<button class=“btn btn-outline-primary” type=“submit” (click)=“submitForm()”>Send

component.ts submitForm() { debugger; const body = new HttpParams() .set('form-name', 'contact') //this is very important the name in the index.html .append('name', this.contact.value.name) .append('email', this.contact.value.email) .append('subject', this.contact.value.subject) .append('message', this.contact.value.message) this.http.post('/', body.toString(), { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } // ,responseType: 'text' }).subscribe( res => {} ); }

Thanks in advance

[fool]

Hiya! Have you seen this post? It tells you exactly how to debug this situation

[Support Guide] Form problems, form debugging, 404 when submitting

Last reviewed August 2023 Please give these debugging tips a try before making a new post. If none of the suggestions work, please include the information that we request at the end of this guide in the new post that you create. Thank you! Why use Forms? Forms are one of the most useful parts of modern websites because they allow us to capture input from our visitors. There are many ways to use forms: contact forms, such as contact forms and sign-up forms. Seeing as there are many types of fo…

[abeerIbrahim]

yes, I took a look at this article but still, it doesn’t work.
Therefore I posted the question maybe I missed something.

[luke]

Hi, @abeerIbrahim. It looks like that site has been deleted. We are happy to troubleshoot but we need the following details to help us to do so:

1. The URL for your live form as you want visitors to use it
2. The URL of your deployed html form (in case you have a javascript form, we need to literally be linked to the html version you’ve deployed as mentioned above - look for “pure javascript”)
3. The form name that you’ve set and that shows in our UI
4. Any errors or logs from the Netlify build logs, dashboard or browser developer console
5. Description of anything you have tried that did or didn’t help or make things better/worse

Would you please send us as much of that information as possible? If so, we will be here and ready to assist with troubleshooting.