Javascript 为Angular应用程序提供预加载的服务器数据

我正在加载一个.NETMVC.cshtml文件中的Angular应用程序

Angular应用程序全部由webpack编译器编译（因此在运行时是静态内容），而.cshtml只加载app.js和Angular组件

现在，当应用程序加载到客户端时，它要做的第一件事就是与服务器异步以获取一些数据（在本例中，只需一个小的调用即可获取项目总数）

这让我很恼火，因为当从服务器加载页面时，相同的数据已经存在于该服务器的缓存中。因此，服务器将所有的JS和HTML提供给客户端，而没有服务器已经拥有的“itemcount”，然后客户端必须返回到服务器以获取数据

所以我想做的是让服务器提供所有的JS和HTML，以及“itemcount”。但我不知道怎么做

我不能将它注入JS，因为这是静态的。我可以将它注入到脚本标记的HTML中，但Angular应用程序无法读取它

所以我唯一能想到的就是在服务器上生成一个带有itemcount的JS文件，然后用脚本标记加载该JS文件，然后应用程序也可以读取它，因为它是一种全局变量（Angular应用程序不知道设计时间，所以看起来不太好）

---

有更好/更好的方法吗？

添加js仍然需要服务器调用才能加载该js文件。如果将计数存储到本地存储并提取，会怎么样？很抱歉，回复太晚。那么，我应该把代码放在哪里来存储在本地存储器中呢？在html中的一个脚本标记中？是的，你可以在head部分的一些脚本标记中这样做。好的，谢谢，我会试试的。