草庐IT

angular-jwt

全部标签

RXJS Angular 2可观察到的失去轨道,如果“此”

您好,我有一个Anuglar2应用程序,并且使用可观察到的HTTP请求遇到了麻烦。总体上正常工作。我只是想知道,为什么它似乎失去了“这个”的跟踪?loginWithEmailAndPassword(email:string,password:string){letheaders=newHeaders({'Content-Type':'application/json'});letoptions=newRequestOptions({headers:headers});returnthis.http.post('auth/login',{email:email,password:password

angularjs - angular-route 如何防止第一次下载,但稍后允许

我希望我的网站被搜索引擎收录,所以我创建了网站的html版本。我有两种类型的页面-列表和详细信息。每个列表项都有指向详细信息的链接。我还为Angular应用程序创建了jsonapiwithdjango-rest-framework。当我在浏览器中打开我的网站时,我发现在半秒后我的ng-view已经更新,并且执行了两个xhr查询:-my_template.html-my_list.json这意味着信息已被下载两次。如何避免这种情况?成本很高 最佳答案 这并不意味着它已经下载了两次。这意味着当您访问您的网站时,它首先加载一个html文件

angularjs - 消除首屏内容中的渲染阻塞 JavaScript 和 CSS(Angular JS Controller )

我正在尝试使用MEAN堆栈应用程序优化我的页面速度。我遇到了应该消除渲染阻塞Javascript和CSS的问题。除了必须加载的Controller外,我已经到了几乎消除所有内容的地步。我认为实际上不可能做到这一点,因为当我将“async”作为属性放在上时,angular会抛出一个注入(inject)器模块错误。.我也曾考虑制作一个大型Controller,但效果并不理想。该站点的链接是https://coastalreign.com,下面是Controller的代码:提前感谢您提供专业知识! 最佳答案 问题是请求的数量。我会捆绑JS

使用 Nginx 和 Docker 的 Angular 4 SEO

我有一个与Angular4的SEO相关的相当普遍的问题。我读到了有关爬行SPA的问题,而另一方面,人们声称Google根本没有问题。在我使用基于Nginx和Docker构建的生产设置的背景下,我想知道最好的策略是什么。我想回答以下问题:1)我听说过用于服务器端渲染的AngularUniversal,但我想这种方法一定要使用express-server包?我使用Nginx,它对生产有影响吗?我将如何使用docker进行设置?2)或者,我听说可以使用prerender与Nginx和Docker(仅用于爬虫的预渲染器)一起使用。这适合Angular4吗?在我看来,这将是最直接的方式.....

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

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

angular - 有没有办法在不使用angular universal的情况下在angular app中添加元标记。?

我开始了一个Angular项目并做了很多工作,但现在我意识到Angular元标记的问题。我使用不同的模块添加了ogtags和meta标签,但根据我的研究,它们对SEO不友好.解决方案说Angular通用。是否有任何其他方法可以添加元标记和og标记,因为使用基本元服务,标记在检查元素上可见,但在查看源页面中可见在查看源页面上。 最佳答案 Schema结构化数据是一种提供额外元数据的方法,用于描述我们页面上的内容。然后,Google等搜索引擎可以使用此元数据为用户提供丰富的SEO片段要使用JSON-LD,我们必须使用AngularDOM

Angular 17+ 高级教程 – Signals

前言在上一篇 ChangeDetection 中,我们有提到MVVM监听ViewModel变化的难题.当年AngularJS和 Knockout.js(下面简称KO)各自选了不同的道路.但如今,事过境迁,Angular最终也走向了KO的道路.这就是这篇的主角Signal。 把variables变成function 在JavaScript,值类型variable无法被监听,Signal的做法是把它们都变成函数。看看KO的代码constcount=ko.observable('defaultvalue');//通过observable方法delcarevariableconstvalue=coun

angular - 更改动态描述元标记可以用 Angular 8 中的搜索引擎检测到

我创建了一个Angular为8的网站。描述的元标签有默认值。我使用apirest从后端获取描述,并使用主页(主页)中的元服务更新描述的元标记。import{Meta}from'@angular/platform-browser';搜索引擎和分析工具只检测默认值。 最佳答案 我解决了这个问题。我将更改描述的元标记从主页移动到app.componentsconstruct。搜索引擎现在检测描述的元标签。 关于angular-更改动态描述元标记可以用Angular8中的搜索引擎检测到,我们在S

Angular React Vue 比较 - 前言

Angular、React、Vue都可以称之为现代比较主流的开发框架,市场上大量的应用和网页都是使用它们开发的。Angular是一个成熟的框架,React是一个UI库,Vue是一个渐近式框架。这是目前业界对这三个框架主流的评价,那么它们都有哪些区别呢?本系列文章试图抽象出它们共有或相似的功能,再对这些功能做更进一步的比较。在这之前,让我们先回顾一下Web前端的发展历程。Web前端发展历程Web前端开发最初的网页主要是静态的,以HTML为主,只包含简单的文本和图片。网页做为一种新型的信息媒介改变了人们的生活方式,人们不满足只是简单的信息浏览。随着浏览器技术的不断发展,JavaScript、CSS

node.js - 用于目录多语言应用程序的 Angular SEO

我正在用nodejs-expressjs服务器做一个angularjs应用程序。我想做一个类似于商业目录的应用程序。我怀疑是否有可能通过他的名字或他的功能(标签)对目录中的所有项目进行SEO友好。始终牢记所有页面都是使用AngularJS创建的。如果可能的话,如何动态地做到这一点。我在应用服务器上实现了一个使用预呈现服务器(https://github.com/prerender/prerender)和预呈现Node库的示例。我的示例页面由angularjs创建,确实有效(对SEO友好,它出现在谷歌的搜索中)..但是页面是“静态的”,并且它将始终向我想要的目录添加新业务的目录出现在谷歌