草庐IT

angular-masonry

全部标签

带有 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

如何在 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

node.js - Angular 4 和 SEO

我有一个由Express提供的简单Angular4项目。当我尝试使用Googlebot获取我的网站时,它只显示一个空白页面(AppRoot的innerHTML)。我以为Google声称其机器人支持Angular4/JS网站?如果这仍然是问题,那么使用AngularUniversal的服务器端渲染真的是最好的解决方案吗?就像除了为普通客户端呈现的应用程序提供服务的主服务器之外,我还必须设置另一台服务器来为服务器端呈现的应用程序提供服务吗?如果是,我如何告诉googlebot转到服务器端呈现的应用程序的端口和正常的http流量转到客户端呈现的应用程序的端口?爬虫不是http流量吗?

javascript - 带有 ui-router SEO 的 angular.js 是否友好?

例如,如果内容动态加载并具有像“mysite.com/#/some/page”这样的散列URL,那么它是否对SEO友好,或者它不会被Google和Bing编入索引? 最佳答案 由于搜索引擎不运行javascript,您需要为您的页面制作静态html版本,以便它们可以被它们索引,您还应该有一个站点地图。有一个库可以帮助使用phantomjs完成此操作:https://github.com/steeve/angular-seo这在此处进一步解释:http://www.yearofmoo.com/2012/11/angularjs-and