Paystack:如何以角度传递paystack选项4-paystack按钮

Question

我从我的controller.ts文件中传递选项：

this.options = {
            key: this.key,
            plan: response.responseData.plan_code,
            email: 'usertest@mailinator.com',
            amount: response.responseData.amount,
            ref: this.reference
        };

在我的controller.html文件中：

<button class="mt-3 btn-global blue-btn"
                angular4-paystack
                [paystackOptions]= "{{ options | json }}"
                (paymentInit)="paymentCancel()"
                (close)="paymentCancel()"
                (callback)="paymentDone($event)">Pay with Paystack
            </button>

它给我提供了模板解析(插值)错误，但当我放入以下代码时

{{ options | json }}

它按原样打印数据。

{ "key": "pk_test_myPublicKey", "plan": "PLN_0hmp3uju90o9rao", "email": "usertest@mailinator.com", "amount": "50000", "ref": "ref-34625380671166" }

请帮帮我！

Answer 1

尝尝这个。只需移除支架和json管道即可。你不应该传入模板语法，只需要传入变量即可。

<button class="mt-3 btn-global blue-btn"
                angular4-paystack
                [paystackOptions]= "options"
                (paymentInit)="paymentCancel()"
                (close)="paymentCancel()"
                (callback)="paymentDone($event)">Pay with Paystack
            </button>