问题标签 [angular-universal]

我有这样的要求：

在控制台中，我得到来自 API 的响应，这意味着来自服务器的 http 工作......但是即使我isNode从 http 中删除内容而不是按应有的方式呈现，poroblem 也在客户端上......可能是什么问题？

对于基本的 Angular2，可以像这样检查当前路线：

但是在服务器端使用 Angular Universal 时会出现问题......

有什么解决办法吗？

对于过去的 Angular 2 项目，我会将静态 dist 文件夹从 Angular CLI 构建上传到 Google Cloud Platform。我会在gcloud app deploy app.yaml这个 app.yaml 文件中使用带有命令的 SDK：

我已经开始使用Universal-CLI了。ung build它也使用该命令生成一个 dist 文件夹。

该文档概述了服务器渲染的两种方法。这个 dist 文件夹是第一种方法的意思吗：

第一个选项是预渲染您的应用程序，这意味着您将使用一个通用构建工具（即 gulp、grunt、broccoli、webpack 等）在构建时为您的所有路由生成静态 HTML。然后，您可以将该静态 HTML 部署到 CDN。

如果我以与上面概述的过去 Angular 2 项目相同的方式部署 dist 文件夹，Angular Universal 是否按预期工作？

如果不是，应该如何部署 Angular Universal 项目？

我有一个使用 Angular-cli 构建的大型应用程序，为了更好的 SEO，我真的需要一些服务器端渲染。

我曾尝试将 Universal 集成到我当前的 cli 项目中，但没有成功，并且一个接一个地遇到了 bug。我也尝试使用 Universal-cli ( https://github.com/devCrossNet/universal-cli )，但也没有成功。很多神秘的错误。

我即将恢复使用没有 cli 的 Angular，因此我可以插入 Angular Universal 而不会遇到 cli 引起的麻烦，但我想先征求反馈。

对于在现有项目中没有 cli 的情况下从 Angular-cli 恢复到 Angular 的简单方法，您有什么建议吗？还是我的方法全错了，我应该保留 cli 并集成不同的服务器端解决方案？

谢谢

Google 可以毫无问题地获取和呈现我所有 Angular SPA 页面的动态加载内容。所以这很好。但是爬虫会在我的模板中识别微数据和/或 RDFa 标记吗？我想按照Google 的文档为我的产品页面创建一些丰富的片段。

Angular 目前没有创建动态脚本的能力（参见这个问题），所以我打算尝试实现 Microdata 和/或 RDFa 标记。

这行得通吗？我是否必须在服务器端进行适当的渲染才能让谷歌识别丰富的产品片段？或者，如果没有服务器端渲染，Google 是否足够聪明？

所以我升级到 Angular 4+，这样我就可以利用通用包进行服务器端渲染，以达到 SEO 的目的。我在现有的 Angular 2+ 项目中通过将其升级到 Angular 4+ 来实现这一点，并从https://github.com/evertonrobertoauler/cli-universal-demo/commit/a2610286bd3db5d4f4cce4318d7c220c11963eb6进行了所有必要的配置。

我使用 ng-bootstrap https://ng-bootstrap.github.io/#/home (v1.0.0-alpha.22) 只有一个区别。但是当我使用npm run start-u-dev运行节点服务器时，我在 ng-bootstrap 中遇到 import 关键字的错误。

这就是我的 package.json 的样子

更新：早些时候我删除了angular2-toaster，但后来我再次添加它只是为了确保它不仅仅是抛出相同错误的烤面包机模块。事实证明，angular2-toaster 和 ng-bootstrap 都抛出了同样的错误。

更新 2：当我使用ng server运行服务器时，它工作正常，使用 ng-bootstrap 和 angular2-toaster 与 angular 4+ 没有问题

有什么建议么？提前致谢。

我正在使用 yo aspnetcore-spa 生成的模板。一些组件拒绝使用 Angular 2 Universal。如何在项目中禁用该功能？

我正在将 simpleMDE 编辑器与我的 Angular 4 服务器端渲染应用程序一起使用，并使用获取 textarea 的参考

并在 ngAfterViewInit() 中初始化它

在模板中使用这样的文本区域

在启动服务器时，它的抛出错误说

请提出一些建议，我卡在这里。 GitHub 回购

我需要获取我的 Angular 2 应用程序的完整基本 URL（例如http://localhost:5000或https://productionserver.com），以便我可以将它传递给应用程序上下文中的第 3 方服务。应用程序的位置取决于它是开发、各种暂存/测试环境还是生产环境，我想动态检测它，所以我不需要维护硬编码列表。

过去曾提出过类似的问题，但答案（即使用某些版本的 window.location.hostname 或 window.location.origin 属性）仅在浏览器呈现 angular2 应用程序时才有效。

我希望我的应用程序可以与 Angular Universal 一起使用，这意味着它需要在无法访问 DOM 对象（如 window.location）的服务器端呈现。

任何想法如何做到这一点？作为参考，使用 asp.net core 作为后端（使用默认的 dotnet new angular 模板）。

我正在为 Angular2 组件编写一些带有 DOM 操作的动画。但是，当页面在服务器端预渲染并发送到浏览器时，没有绑定的事件侦听器。即使我在 的包装器中添加了 DOM 代码if (isPlatformBrowser(this.platformId)) {}，我仍然无法获取那些事件侦听器，因为<script></script>HTML 中没有标签。所以我的问题是，是否有办法在服务器端预呈现页面时添加事件侦听器。