草庐IT

angularjs-watch

全部标签

AngularJS:点击链接加载页面

我有2个div,第一个包含指向各个页面的链接,另一个用于显示链接指向的页面的内容。这是它的样子:有没有办法防止在链接点击时重定向页面并显示它们指向的URL的内容?我这样做是出于SEO目的,因此每个单独的页面也可以自己抓取。我听说过ng-include,但我想确定我的方向是正确的,所以我认为在使用它之前我应该​​先问清楚。提前致谢。 最佳答案 使用AngularJSRouting为此目的。varapp=angular.module("myApp",["ngRoute"]);app.config(function($routeProvi

angularjs - 如何为谷歌机器人动态设置 Angular 单页应用程序的标题和描述?

我希望谷歌机器人识别我的页面的标题和描述,标题和描述来自数据库..我用过document.title=$scope.dataFetchedFromDB.title;和document.querySelector("meta[name='description']").content=$scope.dataFetchedFromDB.description;它确实会在浏览器中更改标题和描述,但不会在google或facebook或slack获取的片段中更改....旧的标题和描述仍然存在。我知道ng-metanpm包,但我的页面没有静态路由,路由由页面ID决定(每个页面都有其ID及其描述和

angularjs - 如何为 angularjs 网站做 301 重定向

我们有angularJs网站,目前我们有一个要求,我们需要从网站进行301重定向,例如,如果用户访问“A”页面mysite.com/A,我们需要重定向到mysite.A.com。想知道处理这种情况的最佳方法是什么,我们应该在路由、.htacess还是nginx配置中进行。如果您提供最佳选择的片段,可以。 最佳答案 将此添加到您的nginx服务器配置:location=/A{return301http://mysite.A.com/;} 关于angularjs-如何为angularjs网站

ajax - 如何使我的 AngularJS Wordpress AJAX 博客可搜索且对 SEO 友好?

我正在开发一个Wordpress网站,该网站通过JSONapi和AngularJS显示帖子。我在页面上呈现所有帖子缩略图,当单击一个时,帖子将呈现在同一页面上的叠加层中。帖子url变成类似于mysite.com/#!/post-name。这是开发页面http://givakt.kund.griffel.se/blogg-jobb/由于所有内容都是通过AJAX调用获取的,因此搜索引擎无法获得这些信息。我试图找出一种使它可索引的好方法,但这对我来说都是全新的领域。是否有可能从搜索引擎获取内容或将其重定向到php呈现的(wordpress)页面,比如mysite.com/post-name,

javascript - 如何在 AngularJS 应用程序中使用两个 hashPrefix?

我正在努力使我的SPA搜索引擎优化友好,目前它的链接格式为#/path/page,我正试图移动到#!/path/page,遗憾的是该网站目前正在制作中,它已经在社交媒体上分享了,所以我试图保留旧链接(#/path/page)。有没有一种方法可以重定向此流量或任何变通方法来使哈希前缀#和#!都起作用? 最佳答案 我找到了一个简单的解决方案,不涉及AngularJS,只涉及javascript:if(window.location.hash.indexOf("#/")!=-1&&window.location.hash.indexOf(

angularjs - AngularUI ui-view 内容在 "View page source"中不可见?

我正在使用angularJSv1.2和ui-router。一切都工作得很好。但是关于“查看页面源代码”有一个问题。在我的页面源代码中是空的,无论是在Firefox还是谷歌浏览器中。你能解释一下为什么会这样吗?我在这里遗漏了什么吗? 最佳答案 如果您通过CTRL+U或鼠标右键单击来查看页面源代码,那么您无法将页面源代码视为DOM。您需要使用Firefox的Firebug或Chrome的DeveloperConsole来查看实时DOM。您可以通过按F12键盘来访问它! 关于angularjs

angularjs - 使用 pushState 的 AngularJS 应用程序的 HTML 片段?

我正在决定使用pushState在AngularJS中开发面向客户的应用程序是否安全。我读到过,在AngularJS应用中使用pushState时,我们无需担心Googlebot,因为它现在可以执行足够的JS来为自己生成HTML片段。但后来我想知道Bing、Facebook和其他机器人和爬虫。我看过的使AngularJSSEO友好的教程都涉及使用hashbangs(#!)的应用程序。这些不适用于我,因为我没有使用hashbangs。有没有人知道这个问题?有哪些方法可以确保使用pushState的AngularJS应用SEO友好和社交抓取工具友好?如果您使用像Seo4Ajax或prere

AngularJS SEO htaccess : redirect root domain to snapshot

我在html5模式下使用angular$routeProvider.otherwise({redirectTo:'/index'});$locationProvider.html5Mode(true).hashPrefix('!');为此我有htaccess来处理谷歌索引#RewriteanythingwithgoogleappendedstringtoenglishversionofthesnapshotRewriteCond%{QUERY_STRING}^_escaped_fragment_=RewriteCond%{HTTP_HOST}^touchtyping.guru[NC]R

angularjs - Angular 元数据服务 [$injector :unpr]

我正在为我的网站和SEO优化编写元数据服务,但似乎我无法克服错误。我不确定为什么。我在head标签中插入了我的htmlController标签ng-controller="MetaDataCtrl"。我是Angular的初学者,我正在从在线教程中抓取。我在以下位置找到此代码:dynamicmetadatainangularMain.jsvarapp=angular.module('WebApp',['ngRoute']);angular.module("WebApp").service("metadataService"["$location","$rootScope",functio

angularjs - 如何构造 ui-router 以具有 SEO 友好的 url 结构

我在AngularJS中使用ui-router时遇到url结构问题。我想要像这样的一级SEO友好url结构:https://people-profile.com/mike-david-tringe所以我可以通过stateParam获取SEO名称“mike-david-tringe”,并使用它在数据库中查找数据并填充页面。$stateProvider有这样的代码:$stateProvider.state('people',{url:'/:nameUrl',templateUrl:'app/frontend/page.tmpl.html',params:{nameUrl:{squash:t