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

Question

我在结帐字段的最后一页输出表单输入，标题为“审核和结帐”...在此页面上，我显示了客户选择的计划以及他们迄今为止提供的个人信息。

显示名称或电子邮件等字段没有问题，因为输入的值正在显示，因为 Angular 显示输入的 value="" 字段中的任何内容。

要显示客户选择的订阅计划，比较麻烦。

value 字段已被用于告诉 Stripe 应该为客户付费的计划。

我怎样才能解决这个问题？

我可以显示该计划的条带 ID，但它对用户不友好。它们的 id 类似于 trad-2-5、trad-2-6、trad-2-7 ……所以我想做的是在选择 trad-2-5 时显示自定义标题，依此类推……

非常感谢任何帮助！谢谢

Answer 1

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

真正愚蠢的答案是，您可以在 Angular 控制器代码中创建一个计划 ID 到人类可读描述的映射，然后显示它。这可能足以满足您的需求，但它也很hacky，维护起来也不是很有趣。

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