javascript - What is the form action equivalent in Angular 467? - Stack Overflow

admin管理员组

文章数量:1343475

I have a payment gateway that I need to embed in my angular application. I have to add a form tag in my page, where after a valid checkout ID is received (there is some JS code I have to inject which sends a request to the payment server with an amount to be charged, and it will reply with a valid checkout id), a card will be shown.

According to their documentation, I have to then send a form ACTION to the page I wish to navigate to after the user clicks on PAY.

<form action="/" class="paymentWidgets" 
      data-brands="VISA MASTER">
</form>

Right now I have hardcoded the action URL in the form. How do I make this dynamic? according to angular documentation, they do not remend using form action anymore and instead expect us to do that within the code. But since, I don't have any control on this form, I need some way of making the URL dynamic.

I have a payment gateway that I need to embed in my angular application. I have to add a form tag in my page, where after a valid checkout ID is received (there is some JS code I have to inject which sends a request to the payment server with an amount to be charged, and it will reply with a valid checkout id), a card will be shown.

According to their documentation, I have to then send a form ACTION to the page I wish to navigate to after the user clicks on PAY.

<form action="https://myurl./nextpage/" class="paymentWidgets" 
      data-brands="VISA MASTER">
</form>

Right now I have hardcoded the action URL in the form. How do I make this dynamic? according to angular documentation, they do not remend using form action anymore and instead expect us to do that within the code. But since, I don't have any control on this form, I need some way of making the URL dynamic.

• javascript
• angular

Share Improve this question Follow edited Mar 19, 2019 at 5:22 TheParam 10.6k44 gold badges4343 silver badges5454 bronze badges asked Mar 19, 2019 at 4:38 Scary TerryScary Terry 22711 gold badge33 silver badges1515 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 11

You can use the ngNoForm directive with property binding [action]="url" with the dynamic URL which you can change from your ponent.

Example

ponent.html

  <form ngNoForm  [action]="url" method="POST"
      target="_blank" class="paymentWidgets" data-brands="VISA MASTER">
      <input type="text">
       <button type="submit">Sumbmit</button>
  </form>

ponent.ts

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.ponent.html',
  styleUrls: [ './app.ponent.css' ]
})
export class AppComponent  {
  name = 'Dynamic Form Action Demo';
  url ="https://myurl./nextpage/";
}

Here is Demo on Stackblitz

Hope this will help!

本文标签： javascriptWhat is the form action equivalent in Angular 467Stack Overflow