将PHP应用程序中的值传递给Angular4应用程序

时间:2017-06-20 06:09:43

标签: angular

我已将Angular4应用程序集成到WordPress插件中(因此在某些PHP代码中)。在视图中,我通过发布“ng build -prod”

来调用我获得的所有文件
<script type="text/javascript" src="{{PLUGIN_URL}}assets/js/inline.bundle.js"></script>
<script type="text/javascript" src="{{PLUGIN_URL}}assets/js/polyfills.bundle.js"></script>
<script type="text/javascript" src="{{PLUGIN_URL}}assets/js/vendor.bundle.js"></script>
<script type="text/javascript" src="{{PLUGIN_URL}}assets/js/main.bundle.js"></script>

我的Angular应用程序非常适合PHP代码。现在我的问题是我需要将PHP应用程序中的“id”传递给Angular应用程序。什么是最好的解决方案/架构?

像:     “main.bundle.js?ID =”。myIdValue“。

最好将这个“id”隐藏在最终用户之外(因此不会显示在导航器URL中......)。你会怎么做?

1 个答案:

答案 0 :(得分:1)

你可以做的是用php设置一个全局窗口变量,比如

echo "<script>window.myIdValue = 'something';</script>";

在角度应用程序中,您可以阅读此内容。 这是一个好地方,它向您展示了使用angular2 +中的全局窗口变量的最佳实践示例:

https://medium.com/@laco0416/access-to-global-variables-in-angular-2-b2c395eac1d8