如何通过 SPA 中的组件重定向到 payulatam

Question

我正在使用 Angular 6 进行 SPA，我正在使用 payulatam 平台创建付款，我有他们提供的沙盒付款代码

我一直在使用路由器 link，并且我有一个名为 paymentPayU 的组件，我正在使用 PayULatam 的支付模板表单，如下所示：

<form method="post" action="https://sandbox.checkout.payulatam.com/ppp-web-gateway-payu">
  <input name="merchantId"    type="hidden"  value="508029"   >
  <input name="accountId"     type="hidden"  value="512321" >
  <input name="description"   type="hidden"  value="Test PAYU"  >
  <input name="referenceCode" type="hidden"  value="TestPayU" >
  <input name="amount"        type="hidden"  value="20000"   >
  <input name="tax"           type="hidden"  value="3193"  >
  <input name="taxReturnBase" type="hidden"  value="16806" >
  <input name="currency"      type="hidden"  value="COP" >
  <input name="signature"     type="hidden"  value="7ee7cf808ce6a39b17481c54f2c57acc"  >
  <input name="test"          type="hidden"  value="1" >
  <input name="buyerEmail"    type="hidden"  value="test@test.com" >
  <input name="responseUrl"    type="hidden"  value="http://www.test.com/response" >
  <input name="confirmationUrl"    type="hidden"  value="http://www.test.com/confirmation" >
  <input name="Submit"        type="submit"  value="Enviar" >
</form>

但在这种情况下，当我转到此组件时，它会显示未隐藏的按钮，但当我单击它时，没有任何反应，它假设必须加载一个新页面，但它从未显示。

我希望有人能帮我解决这个问题。谢谢。

Answer 1

完成！

你好，姆威尔森。谢谢你的有趣。我找到了答案。这很简单。我只需要将此指令放入表单：ngNoForm 就像这样。

<form method="post" ngNoForm action="https://sandbox.checkout.payulatam.com/ppp-web-gateway-payu">
  <input name="merchantId"    type="hidden"  value="508029"   >
  <input name="accountId"     type="hidden"  value="512321" >
  <input name="description"   type="hidden"  value="Test PAYU"  >
  <input name="referenceCode" type="hidden"  value="TestPayU" >
  <input name="amount"        type="hidden"  value="20000"   >
  <input name="tax"           type="hidden"  value="3193"  >
  <input name="taxReturnBase" type="hidden"  value="16806" >
  <input name="currency"      type="hidden"  value="COP" >
  <input name="signature"     type="hidden"  value="7ee7cf808ce6a39b17481c54f2c57acc"  >
  <input name="test"          type="hidden"  value="1" >
  <input name="buyerEmail"    type="hidden"  value="test@test.com" >
  <input name="responseUrl"    type="hidden"  value="http://www.test.com/response" >
  <input name="confirmationUrl"    type="hidden"  value="http://www.test.com/confirmation" >
  <input name="submit"        type="submit"  value="Enviar" >
</form>

仅此而已，通过审查我必须使用 ngSubmit，但这种情况是当我有一些函数来调用它时，好吧，我没有那个，只是 url 然后用这个指令显然 Angular 不把这种形式当作 angular 形式，我想，仅此而已。非常感谢。

如何通过 SPA 中的组件重定向到 payulatam

How can I redirect to the payulatam from through components in a SPA

router

payu

routerlink

angular