如何在Node中基于环境变量在Angular中插入动态脚本

Question

我在Angular应用程序的index.html文件底部有一个脚本，我希望根据Node中的环境变量进行更改。我想使用一个公共api密钥与分段，另一个使用生产。

我对staging和production使用相同的grunt构建，所以我不知道是否动态更改构建中的常量，建议here是最佳解决方案。

有关如何处理此问题的任何想法？

当环境变量为NODE_ENV = production时，请插入：

 <script>
 Stripe.setPublishableKey('pk_live_NN4j94VX3mtz2wJtIO3bmH');
 </script>

当环境变量为NODE_ENV = staging时，请插入：

<script>
 Stripe.setPublishableKey('pk_test_LgtEvbZwjC2GaKQYE3I6NnzuA');
</script>

Answer 1

我会使用grunt-ng-constant管理您的角度环境变量，然后在角度pre. First line #{"<em>second line</em>"} third line 函数内而不是文档中初始化Stripe。

我的偏好是使用angular-stripe在角度启动过程中管理Stripe。如果使用两个键配置应用程序，这也可以使您的生活更轻松。这是我的一个应用程序的一些示例代码。

app.config()