草庐IT

Angular-app

全部标签

angular - 我将 ng2-metadata 与我的 Angular 版本 4 应用程序一起使用,谷歌似乎只显示默认标题和描述

我在我的Angular应用中使用ng2-metadata,谷歌似乎只显示默认标题和元描述。我的技术:用于托管的Angular版本4、webpack、typescript和firebase。我正在部署一个AOT构建,我已经添加了ng2-metadataaot函数,如下面的链接所示。这是我正在使用的包:https://www.npmjs.com/package/ng2-metadata当前问题:代码似乎可以在浏览器中正常运行,但谷歌机器人似乎不会在谷歌搜索结果中显示其他页面标题和元标记。*我已经完成了一个网站管理员工具抓取请求来索引页面,即使它是一个SPA。这是我的博客页面的路由之一(我删

带有 HTML5Mode Hashbang url 的 Facebook Scraper 和 Angular App

我在我的Angular应用程序中添加了seo支持http://staging.lovented.com我配置了包含Hashbangurl的Html5Mode$locationProvider.html5Mode(true).hashPrefix('!');这样做两个url都是有效的http://staging.lovented.com/contest/extension_test_contesthttp://staging.lovented.com/#!/contest/extension_test_contest然后我设置元标记,如如果我转到此页面http://staging.lov

Angular 2中的后端API路线用于内容管理

Angular2应用程序使用以下代码来加载路由数组:exportconstrouting=RouterModule.forRoot(myRoutes);目前,myRoutes阵列在Angular2应用中定义,并且可以完美工作。但这假定路由已在客户端应用中静态定义。怎么能myRoutes数组被送入RouterModule.forRoot(myRoutes)从允许用户在单独的管理应用程序中从用户界面定义路由和内容的来源?这将涉及通过后端服务器喂食用户定义的路由。我想出了如何发送data参与每个Route对象myRoutes数组,因此可以通过将不同的配置从每个路由发送到同一组件中,以便为多个路由重复

Angular订阅处理错误

现在,我正在尝试Angular2HTTP处理。我知道以下功能:sendGet(url){returnthis._http.get(url).map(res=>res.json());}test(url){this.sendGet(url).subscribe(data=>{processingdata...},error=>{processingerror...},()=>{other...});}但是我使用了许多test()函数,而没有“错误=>...”如下sendGet(url){returnthis._http.get(url).map(res=>res.json());}test

TypeError:无法读取未定义的Angular JS客户端的属性“长度”

我有一个WebAPI,它返回了以下JSON。[{"id":2,"body":"ThisismyfirstTweet","author":"Kumar","date":"2017-07-11T00:00:00+05:30","retweets":["Mahela","Sanath"],"favorites":["Sanath"]},{"id":3,"body":"ThisismyfirstTweet","author":"Virat","date":"2017-07-11T00:00:00+05:30","retweets":["Mahela","Sanath"],"favorites":["S

基于HarmonyOS在线学习平台app(源码+开题)

本系统(程序+源码)带文档lw万字以上 文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着信息技术的飞速发展,在线学习已经成为教育领域的一大趋势。HarmonyOS在线学习平台app的应运而生,正是顺应了这一时代潮流。在全球化的教育资源整合与共享背景下,学生们不再受地域、时间的限制,可以随时随地访问丰富的学习资源。同时,教师也能够借助这一平台,更加高效地进行课程管理和远程教学。HarmonyOS以其独特的系统优势,为在线学习提供了稳定、安全、流畅的用户体验,使得在线学习变得更加便捷和高效。研究意义HarmonyOS在线学习平台app的研究意义不仅在于推动了

如何在 Angular 中使用 ng-container 元素

简介ng-container是Angular2+中可用的一个元素,可以作为结构指令的宿主。在本文中,您将探讨可以使用ng-container解决的场景。先决条件如果您想跟着本文学习,您需要:熟悉DOM的结构。要了解更多,请查看教程系列《理解DOM》。对Angular模板和结构指令有一定的了解可能会有所帮助。使用ng-container避免冗余元素在Angular中,您不能在一个元素上使用多个模板绑定。以下结合了*ngIf和*ngFor结构指令的示例将无法编译通过:[secondary_label无效示例]div*ngIf="todos"*ngFor="lettodooftodos">{{tod

angularjs - 使你的 Angular 项目 SEO 友好的 2015 年最新方法

我建立了一个大型angularJS网站,并通过部分加载json文件使其成为多语言。我的网站充满了这些字符串:{{'TITLE'|translate}}我不确定如何使它们对SEO友好。我在互联网上找到了很多解决方案,但也有很多人表示不再需要它,因为Google和Bing可以扫描Angular项目。所以我将我的项目设置为html5=true,但它创建了一个错误失踪。所以我实现了一个但我的项目后来部署到子文件夹/staging/所以所有链接都断开了。(我的开发环境和现场环境有不同的基础)我不喜欢依赖像prerender.io这样的第三方让您的Angular项目SEO友好的最新方法是什么。还有

javascript - Fetch as Google 不呈现 Angular.js 应用程序

我有一个要在生产环境中设置的Angular应用程序。正如我所读到的,谷歌现在能够通过AJAX页面进行抓取。我正在检查我将如何使用FetchasGoogle服务。虽然主页在所有主流浏览器中都正确呈现,但FetchasGoogle返回空白页面,没有编译任何Angular指令,也没有错误。我正在使用HTML5模式和ui-router。文件由node.js应用服务器提供(我曾尝试从nginx提供文件,结果是一样的)并且robots.txt允许所有文件。脚本被连接和缩小。控制台中没有错误。FetchasGoogle服务返回的代码:!doctypehtml>Youareusinganoutdate

angular - 如何在 Angular 2 中实现 SEO(Metatags)(在服务器端使用 Angular 通用渲染)?

我正在搜索一个关于使用Angular2的SEO或Metatags的完整工作示例,使用Angularuniversal在服务器端呈现(以被facebook、twiter和其他metatags识别),但我没有成功..我找到了多篇文章,但有不完整的(没有所有源代码可用)或最旧的(没有用最新版本编译):a)blog.devcross.net/2016/04/17/angular-2-universal-seo-friendly-website/注意:带有源代码的优秀帖子,但它不起作用。b)builtvisible.com/universal-angular-2-server-side-rend