angular-universal相关内容

检查Angular Universal渲染的组件的宽度

我有一个(旋转木马)组件,需要检查元素的宽度. 在浏览器中:我可以调用ngAfterViewInit并从@ViewChild手柄获取宽度.但是,当它由Universal渲染时,其宽度为0. 这是因为仍会显示通用生成的dom,但浏览器生成的dom(我的句柄所指向的)位于文档片段内或未显示. ngAfterContentChecked和ngAfterViewChecked可以解决此问 ..
发布时间:2020-09-01 22:49:38 其他开发

Angular Universal +外部API

我知道Angular Universal仍在开发中.因此,我考虑过将Angular Universal用于Web应用程序,该应用程序会定期从外部API服务器提取数据(大约每10秒通过Http服务提取一次).然后,这些数据将显示在Web应用程序上. 我遇到了一些尚未找到简单解决方案的问题: Angular Universal显然需要API服务器中的数据来预渲染页面.我不想每次请求Web应 ..
发布时间:2020-09-01 22:47:04 前端开发

在Azure无效的启动命令中部署Angular4 Universal应用程序

我已经按照基本上,这意味着它是一个Angular 4应用程序,能够在NodeJs环境中的服务器端呈现. 现在,我想使用Git和命令行将此应用程序部署到我的Azure应用程序服务中,因此我遵循了 我打开命令行(cmd) 运行az login,它将要求打开一个网址并输入代码,以便我们可以对其进行身份验证 使用az webapp deployment user set --user-name ..
发布时间:2020-09-01 22:45:45 其他开发

如何在Angular中获取完整的URL?

我的应用程序利用了Angular Universal,我想在Angular组件中获取当前url的完整路径.我认为我必须在可能需要注入窗口的地方使用window对象,或者更好的选择是简单地检查它是否在浏览器中.是否有使用Angular API的更清洁的解决方案? url: string; constructor(private router: Router) { } ngOnI ..
发布时间:2020-09-01 22:45:41 其他开发

如何将Angular Universal项目部署到标准托管?

我在我的本地主机上有我的Angular Universal项目.因此,现在我想在安装了Node.js的标准虚拟主机上对其进行测试. 我已经跑步: npm run build 并收到带有 client 和 server 子文件夹的 dist 文件夹. 我应该如何使用这些文件夹和文件在主机上运行项目? 谢谢. 解决方案 所以我已经将Angular Universa ..
发布时间:2020-09-01 22:45:34 其他开发

角度通用中使用isBrowser函数时出错

我试图在角度通用中使用isBrowser函数,但是在构建时始终出现相同的错误.我确实安装了角度通用的npm软件包 npm i angular2-universal --save 'ng build -prod -aot' ERROR in Illegal state: symbol without members expected, but got {"filePath":"C ..
发布时间:2020-09-01 22:45:21 其他开发

Angular Universal-如何手动触发从服务器端到客户端视图的状态更改?

我们有一个使用angular/cli的简单Angular Universal应用:1.4.3 (和节点:6.9.5). 我们设法配置服务器侧视图.准备好dom后,我们将切换到客户端视图.但是,在我们从API收集所有需要的数据之前进行了切换.因此,在切换后有片刻的时间,显示的页面没有数据. 有什么方法可以手动触发两种状态之间的切换吗?在这种情况下,我们希望在从API获得响应后显示客户端视 ..
发布时间:2020-08-31 04:05:24 其他开发

带角度错误的aspnetcore NodeInvocationException:60000毫秒后,节点调用超时

我正在使用yo generator-aspnetcore-spa 一旦我运行该应用程序,我就会遇到问题 处理请求时发生未处理的异常. NodeInvocationException:60000ms之后,节点调用超时. 您可以通过设置超时时间来更改超时时间 NodeServicesOptions上的InvocationTimeoutMilliseconds属性. 第一步调试是确保您 ..

如何将类添加到< body>在Angular Universal中?

我们可以在Angular应用的浏览器版本中使用Rendered2,但它需要document.body引用,并且在服务器渲染中不可用. platform-browser具有Title和Meta组件,但是我想对部分有更多的控制,例如注入标记,访问body元素等. 有办法吗? 解决方案 实际上,Angular Universal使用 DOMINO 后台的库 ..
发布时间:2020-08-31 00:43:42 其他开发

如何查看angular 2应用程序的页面源

我有一个Web应用程序,每当我使用浏览器查看页面源来查看页面源时,我只能看到页面源中的index.html内容,因为我可以看到inspect元素中的所有html代码,但是不在页面源中.请问有人如何查看页面源代码吗? 下面是server.ts 解决方案 只有 Angular Universal (服务器端渲染).每个 javascript 文件都在浏览器中呈现,要查看页面源,您必须设置 ..
发布时间:2020-08-30 23:21:49 其他开发

通用角度:仅用于浏览器的动态导入

是否可以根据条件导入模块?具体来说,仅当在浏览器中而不是在服务器中渲染angular 2通用应用程序时,才导入外部模块. 此问题与某些PrimeNG模块有关,这些模块依赖于浏览器功能,并且只能在浏览器中呈现.最好在服务器渲染时省略它们,因为日历和其他组件对于SEO并不真正重要. 当前,如果关闭服务器渲染,则可以渲染Calendar组件.但是,当我在app.module.ts中包含以下代 ..
发布时间:2020-08-30 23:11:10 其他开发

Angular 2 Universal-存储全局变量

我正在尝试将AngularJS应用程序转换为Angular 2 Universal应用程序(由于服务器端渲染). https://github.com/angular/universal-starter 现在,我需要存储可以在普通Angular 2应用程序中轻松实现的全局变量(按下面的链接). Angular 2全局变量 角度2-存储诸如身份验证令牌之类的全局变量的最佳方法 ..
发布时间:2020-08-13 01:23:34 其他开发

将Angular 4 Web应用程序转换为Angular Universal应用程序

我需要将Angular 4 Web应用程序转换为 Angular Universal 这样做的原因是目前,该Web应用程序无法通过Google正确索引(以及Facebook社交预览缩略图),因为它是一个单页应用程序并在客户端呈现.所以现在我需要实现Angular Universal服务器侧渲染. 我了解如何使用 来创建新的Angular Universal应用视频系列 . 问题:能否请 ..
发布时间:2020-08-12 22:31:57 其他开发