我需要在我的angular 2项目中实现snipcart.下面的脚本标记需要插入到我的index.html文件的头部.
但是,data-api-key因开发和生产环境而异.我该怎么做？
<script src="https://cdn.snipcart.com/scripts/2.0/snipcart.js"
id="snipcart"
data-api-key="insert-your-key-here">
</script>
java.html文件中的脚本标记很重要,snipcart.com会出于安全考虑进行检查.
我试图在运行时执行此操作:在index.html文件中添加不带src-url的脚本标记,然后在main.ts中使用正确的api-key值和src-url更新标记属性.
这样,snipcart会使用正确的密钥运行,但来自snipcart.com的验证失败.
所以我需要在编译时设置api-key.我的index.html在开发和生产模式上需要有所不同.
我的项目是使用angular cli创建的:
"angular-cli": "1.0.0-beta.19-3",
"@angular/common": "~2.1.0",
"@angular/compiler": "~2.1.0",
"@angular/core": "~2.1.0",
"@angular/forms": "~2.1.0",
"@angular/http": "~2.1.0",
"@angular/platform-browser": "~2.1.0",
"@angular/platform-browser-dynamic": "~2.1.0",
"@angular/router": "~3.1.0",
谢谢,
干杯
格尔德