草庐IT

angularjs-material

全部标签

angularjs - 在 Angular UI-Router 的动态 View 中添加一个 SEO 友好的 Url Slug

在Angular设置中,我选择了AngularUI-router来在View之间切换。我的配置如下:.config(function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise('/app/home');$stateProvider//Nav.state('app',{url:'/app',templateUrl:'templates/navbar.html',abstract:true,controller:'AppCtrlasapp',})//Home.state('app.home',{url:'

angularjs - 如何使用 Angular pushstate URL 抛出真正的 404 或 301

我正在使用$routeProvider和$locationProvider来处理单页应用程序(SPA)中的pushstateURLS,如下所示:angular.module('pets',[]).config(function($routeProvider,$locationProvider){$locationProvider.html5Mode(true);$routeProvider.when('/pet/:petId',{controller:'petController'});}).controller('petController',function($scope,petS

angularjs - 具有渐进增强功能的基于混合页面/单页的网络应用程序(Angularjs、Ember.js)?

我想知道是否有人找到了解决此问题的方法。有没有办法两全其美:构建一个基于页面的站点,具有永久链接、可访问性、SEO和优雅的回退/渐进增强(基本上所有bestpracticesofwebdevelopment)并且,对于那些使用javascript的人来说,通过ajax加载内容的响应式前端体验,在浏览基础网站页面时没有页面刷新,脚本/内容/css等的冗余下载最少。(AngularJs或Ember.js等客户端框架的所有优点)我看到一些主要网站能够管理这个(gmail、stackoverflow),我看到Jeff'snewsite在noscript标签中构建网站的基本版本。基于页面/单页面

angularjs - Angular ui.router : Update URL without view refresh

我有一个AngularSPA,它根据一些餐厅数据的不同裁剪(请参阅m.amsterdamfoodie.nl)提供各种推荐列表和位置的Googlemap。我希望每个列表都有自己的URL。为了让Google抓取不同的列表,我使用Canvas导航的标签。目前标记会导致View刷新,这在map上非常明显。我可以使用ng-click来防止这种情况发生和$event.preventDefault()(请参阅下面的代码片段),但我需要实现一种更新浏览器URL的方法。但是在尝试Angular的$state或浏览器的history.pushstate,我最终触发了状态更改和View刷新...!因此我的问

javascript - 用于静态网页的 AngularJS SEO(S3 CDN)

我一直在研究如何改进angularJS应用程序的SEO,这些应用程序托管在像AmazonS3这样的CDN上(即没有后端的简单存储)。大多数解决方案,PhantomJS,prerender.io,seo.js等等,依靠后端识别爬虫生成的?_escaped_fragment_url,然后从其他地方获取相关页面。连grunt-html-snapshot最终需要您执行此操作,即使您提前生成了快照页面。这solution基本上依赖于使用cloudflare作为反向代理,这似乎有点浪费,因为他们的服务提供的大多数安全设备等对于静态站点来说是完全多余的。按照建议自己设置反向代理here似乎也有问题,

Angularjs Element OnResize事件 - 自定义指令

Angularjs是否等同于此:elementObject.addEventListener("resize",myFunction);我考虑了手表,但我认为这不是一个好的解决方案。看答案创建自定义指令:app.directive("myResize",function($parse){return{link:postLink};functionpostLink(scope,elem,attrs){elem.on("resize",function(e){varrs=$parse(attrs.myResize);rs(scope,{$event:e});scope.$apply();});}}

日期格式在Angularjs中不起作用

我以下面的格式从服务器获得日期。“2017-07-10T20:51:13.000Z”。但是,当我要以“DD/mm/yyyy”格式更改日期格式时,会自动添加一天。请检查这个plunkr。Plunkrvarapp=angular.module('plunker',[]);app.controller('MainCtrl',function($scope){$scope.date='2017-07-10T20:51:13.000Z';});AngularJSPlunkerdocument.write('');[email protected]"src="http://code.angularjs.o

如何显示从Firebase到AngularJS应用程序检索的数据

我有一个正在从Firebase接收数据的Angular应用程序,但我不知道如何在视图中显示数据。从firebase检索的数据是一个具有3个具有这些名称的对象:koajweht6e2krjlgsub,koajwepc0sert95jqoh,koajweqdiasowwvl2qz(这些名称是Firebase分配的唯一键)。这3个对象保存了每个人分类的数据。现在我不知道如何在视图中显示此数据。我已经尝试了NG重复,但没有显示任何内容,并且控制台中没有错误。控制器:myApp.controller("classifiedsCtrl",["$scope","$http","$mdSidenav","$m

如何发布json对象angularjs

我希望发布对象并在节点服务器上读取它,但是我有一个错误。控制器:$scope.update=function(contact){console.log(contact);$http.post('/contactlist/'+contact).then(function(response){console.log(response);});};服务器节点:app.post('/contactlist/:contact',function(req,res,next){console.log(req.body);res.json();});服务器节点头:varexpress=require('exp

firebase auth angularjs

使用Firebase创建登录应用程序,并解决这些问题。1.TypeError:auth。Und。$createuser不是函数错误:许可证_DENIED:客户端无权访问所需的数据。varapp=angular.module('weatherApp',['ngRoute','firebase']).constant('FIREBASE_URL','https://weatherapp-9a183.firebaseio.com');app.controller('registerController',['$scope','$firebaseObject','FIREBASE_URL',funct