Question

我正在将razorpay付款结帐表单集成到使用Angular 2 +的MEAN堆栈应用程序中。

参考： https://docs.razorpay.com/docs/checkout-form

根据他们的文档，我需要将以下脚本标记添加到html页面。

当我在angular 2的index.html页面中添加以下脚本时，一切正常，但自然它会显示在所有页面中。

<script
    src="https://checkout.razorpay.com/v1/checkout.js"
    data-key="rzp_test_1dfsgdhsreQvD"
    data-amount="5000"
    data-buttontext="Pay with Razorpay"
    data-name="Compy name"
    data-description="Test Transaction with Razor Pay"
    data-image="./assets/static/hmicon.png"
    data-prefill.name="Test"
    data-prefill.email="test@gmail.com"
    data-theme.color="#F37254">
</script>
<input type="hidden" value="Hidden Element" name="hidden">

如何在特定组件模板html文件中添加上述脚本？

在我的html模板中，截至目前我只有

<div class="container fixContainer">
    ...
    ...  <!--There is no html or body tag used here-->

    <div *ngIf="showButton" class="col-md-8 col-sm-8 col-xs-8">             
            <!--I tried to include the above script here, but nothing shows up-->
            ...

            ...

    </div>
</div>

或者如果不是在html中，如何在我的组件中包含ts文件？

Answer 1

在角度2组件中HTML模板完全限制标签

如何在角度2组件html模板

1 个答案: