问题标签 [angular-universal]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
365 浏览

asp.net-core - 使用禁用的属性绑定到函数时的无限循环

当我将“禁用”指令绑定到包含console.log()的函数时,预渲染不起作用。

我的功能

从我的视觉工作室输出控制台,我得到了这个:

如果我删除console.log,预渲染工作,但我想进程继续检查按钮是否有效。

我的包版本

0 投票
2 回答
3494 浏览

angular - 将 Angular 4 网络应用程序转换为 Angular 通用应用程序

我需要将 Angular 4 网络应用程序转换为Angular Universal。原因是目前,该网络应用程序无法被谷歌(和 Facebook 社交预览缩略图)正确索引,因为它是一个单页应用程序并呈现在客户端。所以现在我需要实现 Angular Universal,服务器端渲染。

我了解了如何使用这个很棒的视频系列来创建一个新的 Angular Universal 应用程序。

问题:您能否告诉我将现有应用程序转换为 Angular Universal 应用程序的方向。也许是一个不错的 URL 或步骤,或者任何方向都会受到高度赞赏。

注意:这里的角度版本不是问题。2或者4.

0 投票
1 回答
5989 浏览

javascript - 仅适用于某些路线的角度通用渲染

我正在使用 Angular Universal,但找不到仅对某些页面(如主页)使用服务器端渲染并以标准角度方式渲染所有其他路由的选项。我不想对不需要 SEO 的私人页面使用服务器端渲染。我可以像这样在快递中配置路线

理想情况下,我根本不想了解 NodeJ,并将其配置为具有 serverSide: true 等属性的角度路由配置

0 投票
1 回答
169 浏览

javascript - 组件 DOM 没有更新 | 角通用

这是一个弹出组件。所以它应该是隐藏的,当调用 show() 函数时,它应该显示从 API 调用接收到的内容。

show() 函数正在工作,但唯一的问题是我得到的数据没有显示在 component(empty popup)在此处输入图像描述中。

当我更改浏览器的屏幕尺寸时,弹出窗口中的数据会发生变化在此处输入图像描述

onChange() 在我更改屏幕大小时起作用,但在数据更改时不起作用。我尝试将数据更改为 JSON 对象。我也尝试使用 changeDetection.Ref 和 NgZone 但没有用。也尝试使用 ngDoCheck() 但不起作用。

我正在使用angular-universal starter kit。如果有人可以使它工作,请制作一个 jsfiddle 或任何。

0 投票
1 回答
1420 浏览

javascript - Angular 2 / 4 / Universal - 如何使用 JSON-LD 数据?

我有一个 Angular 4 Universal 应用程序,我想开始使用JSON-LD格式的微数据。

它使用script带有一些内容的标签,例如:

由于此数据应按视图更改,因此我正在寻找一种方法在 Angular 4 中将这些数据注入到路由更改中。目前,脚本标签已从模板中剥离。使用 的解决方法时docuemnt.createElement,这不适用于服务器端 Angular Universal 应用程序。

我该怎么做?

编辑

我使用 Angular 4.xx,现在称为普通Angular。我这样注入document

0 投票
1 回答
4123 浏览

angular-universal - 在角度通用中使用 isBrowser 函数时出错

我正在尝试在 Angular Universal 中使用 isBrowser 函数,但是在构建时我不断收到相同的错误。我确实安装了 angular-universal 的 npm 包

npm i angular2-universal --save

'ng build -prod -aot'

这是我的 app.module.ts:

这是我的 app/home/landing/landing.ts

0 投票
1 回答
808 浏览

angular - 没有 ng 弹出的 Angular cli 服务器端渲染

根据这篇文章,使用 Angular 4 的平台服务器实现良好的服务器端渲染的唯一方法是在 Angular ng ejectcli 项目上运行后设置自定义 webpack 配置。

也许这个问题对我来说太天真了,但是有没有办法继续使用默认的 cli webpack 配置文件并利用服务器端渲染?

我是 webpack 的新手,所以我不想从 cli 中弹出。

更新:

这篇博客文章是一个非常好的资源。但是,我现在正在等待 @angular/material 库与 angular universal 兼容(还没有,但应该很快就会推出)。

0 投票
1 回答
363 浏览

node.js - 有没有办法在角度通用的服务器端解析 jsonp?

我有一个使用 angular2 构建的站点,它从 3rd 方服务器请求数据。我还在使用 Angular Universal 在服务器端呈现页面。问题来了:解析 jsonp 依赖于 dom 操作,这在服务器端是不可用的。所以我只能得到没有数据的静态页面。有没有办法在服务器端解析 jsonp?

0 投票
1 回答
2080 浏览

twitter-bootstrap - 如何在服务器端渲染中使用 ngx-bootstrap 和 angular4

我已经安装了 ngx-bootstrap 并使用 angular-cli 1.0.1 并在Roberto Auler 的帖子的帮助下完成了通用设置。

我在 angular-cli.json 样式中添加了引导文件的路径

我正在使用 AlertModule 进行测试及其抛出错误

任何输入将不胜感激。

0 投票
0 回答
134 浏览

angular - 将参数从服务器(expressjs)传递到前端 Angular2 [Angular 通用]

我对 Angular Universal 有疑问。

我在数据库中有所有 url,所以我动态构建路由器,如下所示:

它可以工作,直到我刷新页面(因为刷新后,带有路由器的数组为空),所以我想从服务器传递这个参数。在:

如何传递参数组件id,以及如何以角度获取此参数?