草庐IT

ember-router

全部标签

javascript - Angular ui-router在滚动时改变状态

这是一个示例布局。假设部分高度大于或等于用户的视口(viewport)。+----------+|Section1|+----------+|Section2|+----------+|Section3|+----------+所有这些部分都放在一个View中。我想在用户滚动页面并到达其中一个部分时动态更改浏览器url:第一次用户看到http://example.com/#/section1(angular不使用html5模式),然后他向下滚动页面,当section2元素在用户视口(viewport)中可见时,应该会看到http://example.com/#/section2。此外,

javascript - Ember.js - Pod 结构中的错误状态

这是我在àpp/pods中的结构:|-application|-index|-error|-user||-index||-view||-edit发生错误时,ember不会加载error路由。相反,它会尝试加载像index_error或user_error这样的子路由,但这些都不存在。我如何强制Ember在出现任何错误时加载根error路由?Emberv2.1Ember-Cliv1.13.8 最佳答案 您提供的结构实际上应该完全符合您所描述的要求。看看thistwiddle看一个例子。单击“查看用户”将转换到user.view路由,但

javascript - 无法使用服务器端渲染访问 DOM - react 0.14.1、react-dom 0.14.1 和 react-router 1.0.0-rc3

我无法使用react、react-dom和react-router的服务器实现访问DOM。我有ReferenceError:documentisnotdefined,或者BrowserhistoryneedsaDOMerrors。服务器入口:module.exports=function(req,res,next){match({routes,location:req.url},(error,redirectLocation,renderProps)=>{if(error){res.status(500).send(error.message);}elseif(redirectLoca

javascript - React Router 无法获取/依赖于 onEnter 函数

我是React的新手,希望有人能阐明为什么会发生这种情况以及如何调试它。我定义了以下路由:exportdefault(withHistory,onUpdate)=>{consthistory=withHistory?(Modernizr.history?newBrowserHistory:newHashHistory):null;return();};requireAuth应该检查用户是否已登录,如果没有则将他们重定向到登录页面:functionrequireAuth(nextState,transition){transition.to("/login");}如果我离开transti

javascript - 未捕获的 TypeError : (0 , _reactRouter.withRouter) 在 react-router 2.4.0 中以编程方式导航到路由时不是函数

我正在使用react-router2.4.0并想以编程方式链接到另一条路线(我在使用之前所做的)。这在SOpost中有很好的解释他们在2.4.x中说的地方你应该使用withRouter的装饰模式,所以我使用以下代码:import{withRouter}from'react-router'//furtherimportsomittedclassCreateJobItemFormRawextendsReact.Component{...}constCreateJobItemForm=withRouter(CreateJobItemFormRaw)exportdefaultCreateJob

javascript - Ember.js:如何在呈现每个 subview 后挂接 Ember.CollectionView?

Thisquestion演示了重写Ember.View实例的didInsertElement允许您在View的元素位于DOM中之后执行一些代码。http://jsfiddle.net/gvUux/2/自然地,在您添加到Ember.CollectionView的subview类上覆盖didInsertElement将在呈现和插入每个subview后运行Hook。http://jsfiddle.net/BFUvK/1/Ember.CollectionView上的两个面向集合的钩子(Hook),arrayDidChange和contentDidChange,在底层内容改变后执行,但它们在任何

javascript - 在 Ember.js 中关闭粘性查询参数

我找到了一个jsbin来说明我的问题。http://emberjs.jsbin.com/ucanam/2708.最后一个链接,在链接上没有明确的查询参数设置,它使用Controller上当前的粘性查询参数值。有办法关闭这个粘性功能吗?这样做会破坏其他场景吗?我目前的解决方案是在我想要清除的每条路线上清空查询参数:exportdefaultEmber.Route.extend({deactivate:function(){varcontroller=this.controllerFor(this.get('controllerName'));varqueryParams=controll

javascript - 在 kadira :flow-router for meteor 上使用 react-router 有什么好处

我是meteor的新手并且有反应。我一直在寻找使用meteor和React开发基于投票的项目的最佳实践。我试图在互联网上找到的问题之一是在meteor中使用两个路由器选项之一的利弊。kadira:flow-router似乎很容易实现,但我在github上看到很多项目都实现了react-router。关于meteor的两个路由器包的比较有什么想法吗? 最佳答案 如果你专注于MeteorwithReact,我推荐flow-router。如果没有,请选择react-router或redux-router(用于redux)。不得不说,rea

javascript - Ember.js - 界面状态应该存储在哪里?

是否有关于界面状态(相对于持久化模型状态)应该存在于Ember.js应用中的什么地方的官方故事?在Routerdocs的“响应用户发起的事件”部分,有一个将点击事件委托(delegate)给照片的“showPhoto”方法的示例,但是让模型“显示”本身似乎是一种不受欢迎的混合关注。据我所知,在许多情况下,状态应该存储在路由器中,以便接口(interface)状态在URL中表示,并且在您刷新页面或将URL发送给某人时恢复。但是非分层状态又如何呢,例如在页面上选择的项目列表?理想情况下,这种类型的状态将被序列化为查询/哈希参数(例如:http://www.hipmunk.com/fligh

javascript - 谷歌地图加载 API 脚本并在 ember.js View 中初始化

我正在尝试为Googlemap创建一个EmberView,并以按需方式加载脚本,即异步加载API。我在View中有两个函数,一个用于加载GoogleMapsAPI,另一个用于初始化map。但是由于谷歌要求我通过需要API的链接调用回调函数。但是在Ember.JS中,我无法得到正确的结果。我得到的只是一条错误消息,指出在尝试初始化map时对象“google”未定义。现在这是EmberView代码。App.MapsView=Ember.View.extend({templateName:'maps',map:null,didInsertElement:function(){this._su