使用AngularJS ng-model双向数据绑定通过plan-ID输出条带计划名称

时间:2015-02-05 13:27:38

标签: angularjs laravel stripe-payments

我在结帐字段的最后一页输出表单输入,标题为" Review&结帐" ...在此页面上我显示了客户选择的计划以及他们目前提供的个人信息。

显示名称或电子邮件等字段时没有问题,因为输入的值正在显示,因为Angular会显示值=""输入字段。

要显示客户选择的订阅计划,这很复杂。

值字段已被用于告知条纹应该向客户收取哪些计划费用。

如何解决这个问题?

我可以显示计划的stripe-id,但它不是用户友好的。它们像trad-2-5,trad-2-6,trad-2-7 ......所以我想要的是在选择trad-2-5时显示自定义标题,等等上...

非常感谢任何帮助!!谢谢

1 个答案:

答案 0 :(得分:0)

有几种方法可以做到这一点。

真正愚蠢的答案是你可以在Angular控制器代码中创建一个计划ID地图到人类可读的描述,然后显示它。这对你想要的东西来说已经足够了,但它也非常hacky,维护起来并不是很有趣。

不那么愚蠢的答案取决于这些计划ID的来源。如果它们来自服务器上的端点(从Stripe的计划端点获取它们),那么您还可以从该端点传递计划的显示名称。如果计划ID在某处被硬编码,或者列入白名单,那么这可能没有意义。但是,该显示名称将显示在客户的发票和信用卡对帐单上,因此最好将其与结帐页面上显示的内容相匹配。