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

Question

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

当显示输入值时，我不会显示名称或电子邮件等字段，因为Angular会显示输入值=“”字段中的任何内容。

要显示客户挑选的订阅计划，这会更棘手。

value字段已被用于告知分条客户应收取的计划。

我该如何解决这个问题？

我能够显示计划的条形码，但它不是用户友好的。他们是id，像trad-2-5，trad-2-6，trad-2-7 ...所以我想要做的是在选择trad-2-5时显示一个自定义标题，等等......

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

Answer 1

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

真正愚蠢的答案是，您可以在Angular控制器代码中创建一个计划ID映射到人类可读的描述，然后显示该映射。这对于你想要的可能已经足够了，但它也非常黑，并且没有太多的乐趣去维护。

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