草庐IT

router-view

全部标签

javascript - React Router vs Redux 优先路由

我和我的团队正在开发一个带有React、Redux和React路由器的应用程序。我们的应用程序有相当复杂的路由要求,但没有什么疯狂的:在导航的URL中添加默认查询参数,多个路由映射到同一View,根据应用程序状态在某些路由上重新路由,以及恢复以前的状态等等。我遇到的一个大问题是我无法自动路由和更新状态。路由必须在状态更新之前或之后发生,这会导致路由完成而不是状态更新的中间状态,反之亦然。例如,导航到特定View应该加载一些内容并将加载状态更新为正在加载状态。此外,一些组件在挂载时触发redux操作,因此路由事件直接导致redux操作,因此有点像分派(dispatch)多个redux操作

javascript - Ember.js - 渲染模态视图,URL 和父 View 仍然显示

在我的Ember.js应用程序中,我有一个包含各种帖子列表的索引View。我正在尝试实现点击帖子时发生的“显示”操作。它应该做的是显示一个模式更详细的帖子版本。帖子的每个模态视图也应该有自己的URL。此外,列出帖子的索引View仍应显示在帖子模态后面。最后,当帖子模式关闭时,URL应该变回索引URL到目前为止,我的路线是这样的:App.Router.reopenlocation:'history'rootURL:'/'App.Router.map->@resource'posts',->@route'show',path:'/:post_id'App.PostsShowRoute=Em

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

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

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 - 从 AJAX 请求调用 django View (解析 celery task_id)

我正在尝试将celery任务中的数据输出到单独的窗口中。我是JavaScript和AJAX的新手,这就是我当前的问题所在。执行View后,将启动celery任务并呈现下一个html页面(success.html):成功.html{%blockcontent%}{%iftask_id%}task_idhasbeencalled:{{task_id}}task_state("{{task_id}}");second();END{%endif%}{%endblockcontent%}我知道JavaScript被调用了,因为至少打开了一个窗口。这是.js:task_output_retriev

javascript - backbone.js 集合未正确删除 View 中的项目

我在View中从模型内的集合中删除项目时遇到了一些问题。基本上模型/集合结构如下:基本上,当我尝试从子项目View中的子项目集合中删除一个项目时,它实际上从集合中删除了正确的项目。然而,当我开始坚持主模型时,该项目似乎仍在收藏中。这是我的观点的结构:主视图插入主模型所需的DOM节点,主模型为项目模型等创建新View。所有View都将主模型作为模型选项,如下所示:newApp.Views.MainModelView({model:this.model,el:$('#nodeID')})唯一不同的是子项模型View的创建,由于View和模板的可重用性,我仍然传入主模型,但是我也传入了项集合

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 - Ionic 2 - 对模型的更改不会在 View /UI 中更新

我很难理解如何在不从UI触发事件的情况下将对组件内属性的更改传播到实际View。如果我来回移动,UI就会更新。这是我的组件,每秒检索一次BLE通知。每次通知后,View中需要更新通知的结果值。我可以在开发人员控制台中看到通知。import{Component,ChangeDetectionStrategy,ChangeDetectorRef,Input,Output}from'@angular/core';import{NavController,NavParams}from'ionic-angular';import{BLE}from'ionic-native';import{Obs