首页 > 解决方案 > 是否可以将 Angular 用于服务器端包含(SSI)?

问题描述

我对服务器端包含几乎没有经验。我在互联网上读到,如果你使用服务器端包含,你可以在没有库/框架的情况下工作得最好。避免依赖。

但我仍然很好奇 Angular 的可能性是什么。为此,我使用 Angular for SSI 进行了概念验证。它是一个 Angular 小部件,显示带有菜单的标题。为了使 PoC 可供外界使用,我在 .NET 中创建了一个 MVC 页面,如下所示:

<app-ssi-poc></app-ssi-poc>

<link rel="stylesheet" href="https://dev.example.nl/js/poc/styles.css?@Html.GetVersion()" />
<script type="text/javascript" src="https://dev.example.nl/js/poc/runtime.js?@Html.GetVersion()"></script>
<script type="text/javascript" src="https://dev.example.nl/js/poc/polyfills.js?@Html.GetVersion()"></script>
<script type="text/javascript" src="https://dev.example.nl/js/poc/main.js?@Html.GetVersion()"></script>

外部网站可以访问页面并且小部件正确显示。

但是在外部网站的某些页面上也使用了另一个 Angular 实例。现在我收到以下错误消息,表明 NgZone 已加载。我试图不包含我的 polyfills 文件,但这也不起作用。

是否可以在同一页面上运行两个角度实例?它们在哪里都有不同的运行时、polyfills、ng zone 等?

或者

我是否应该停止如此固执并在没有库/框架的情况下做到这一点:)

先感谢您。

标签: .netangularserver-side-includes

解决方案


推荐阅读