问题标签 [angular-universal]

我需要应用程序的某些部分具有不同的标题，但由于服务器上不存在文档对象，我无法修改标题元素。有任何想法吗？

供参考： https ://github.com/MarkPieszak/aspnetcore-angular2-universal/blob/master/Client/app/platform-modules/app.browser.module.ts#L51

通用缓存对象在发送给客户端的 html 中以这样的初始状态被全局添加：

在我的browser.module.ts我试图加载初始状态：

不幸的是，win[UNIVERSAL_KEY]即使我可以console.log(win)看到它，或者在开发工具中我可以输入console.log(window.UNIVERSAL_CACHE)并看到它，它也总是未定义。知道为什么会这样吗？

我在按照以下链接 https://universal.angular.io/quickstart/的说明在现有 angular 2 应用程序上实现通用 cli 时遇到了一些问题

在安装 angular-universal 的第一个命令上

我收到以下错误

执行第二个命令后，我面临下面列出的错误

我错过了什么？

所以我开发了一个简单的 gulp 脚本来创建一个很好的 node.js 应用程序来在 Azure 上运行 Angular Universal，但它并不完全有效。

我正在使用这个： github angular universal

当我正常运行 Angular 通用时，它可以完美运行，但我需要让它在 Azure 上运行。所以 gulp 文件是将所有内容组合在一个构建文件夹中，如果有更好的方法让它在 azure 上运行，请告诉我。

我用 gulp 创建了一个构建文件夹，如下所示：

它运行得很好，但是当我连接到页面时，我得到一个

错误：无法在视图目录“src”中查找视图“索引”

更多细节在文章末尾。

这是我的 gulp 文件：

当我在构建文件夹中运行“node app.js”时出现完整的错误消息：

服务器.ts

I have a (carousel) component that needs to check the width of an element.

In the browser: I'm able to call ngAfterViewInit and get the width from the @ViewChild handle. But when it's rendered by Universal its width is 0.

This is because the universal-generated dom is still displayed but the browser-generated dom (where my handle is pointing to) is either inside a document fragment or just not displayed.

ngAfterContentChecked and ngAfterViewChecked can solve the issue, but i don't want it to keep running.

I think i need a lifecycle hook for after the dom is swapped.

我经常读到服务器端渲染是 Angular2 的一个很棒的新特性，它可以让谷歌、必应等网站可以抓取 web 应用程序。

但是，这对于应用启动时动态加载的内容是如何工作的呢？爬虫会在索引页面之前等待那些待处理的请求吗？或者我是否必须指定我的 Angular2 应用程序的某个状态，它告诉服务器我的应用程序已准备好发送到客户端（在这种情况下是爬虫）？

我只想知道是否可以使用类似于 Angular2 通用的服务器渲染来运行 Angular2 cli？

问题是爬虫无法使用 Angular2 cli 读取网站，这对 SEO 很重要。

是否可以轻松地将角度通用添加到角度cli中，或者它来自不同的conf？

我正在尝试使用ng2-metawith universal-cli。我收到此错误：

静态解析符号值时遇到错误。不支持函数调用。考虑用对导出函数的引用替换函数或 lambda，解析 C:/xampp/htdocs/universaltest3/src/app/app.browser.module.ts 中的符号 AppModule，解析 C:/xampp/htdocs/ 中的符号 AppModule Universaltest3/src/app/app.browser.module.ts

在 app.browser.module.ts 和 app.node.module 我都有这个设置：

然后在导入中：

如何解决？我已经搜索并尝试了很多东西得到相同的结果。

我正在为我的学士论文的大学项目构建一个 angular2-universal 应用程序。我想用 Angular Universal 在服务器上渲染这个应用程序。如何在服务器上加载我的 .json 文件？在我没有服务器端渲染的版本中，我使用服务通过 http.get 请求获取 json，如下所示：

在我的组件中，我使用以下代码获取 json：

在模板中，我使用下面的代码将数据注入另一个组件：

当我将此代码与 Angular Universal 一起使用时，它仍然可以工作，但是属于 json 的站点部分是第一次在客户端上加载，并且由于 ngIf 服务器忽略了这部分代码，所以我得到了一个不完整的.html 文件来自服务器。如何将其加载到服务器上以从那里获取完整的 .html 站点？

PS：我对 angular2 和服务器端渲染完全陌生。

请帮助我了解如何在 Angular Universal 中使用服务器渲染。

我做了什么。我访问了 Angular Universal 官方网站。设置 Node.js。已下载推荐项目 Angular 2 Webpack Starter。我在 Mac 上工作，所以使用 "> sudo npm install" 来安装 node_modules。按照建议添加 server.js。运行 "> node server.js" - 但是它不起作用。

如果我运行“> npm start”，则服务器在 localhost:3000 上启动 - 但似乎没有服务器渲染。如果我查看 HTML 页面，则只有 Angular 的 index.html。

在项目中添加服务端渲染能力应该怎么做？

非常感谢。