草庐IT

前端路由

全部标签

javascript - Redux 路由器 - "Dispatch is not defined"

我有一个简单的组件,它在用户加载页面时调用一个操作,在该操作中,我试图分派(dispatch)另一个操作以将商店的loggedIn状态设置为真还是假:importReact,{Component}from'react'import{Link,browserHistory}from'react-router'import$from'jquery'classLoginextendsComponent{constructor(props){super(props)}componentDidMount(){this.props.actions.guestLoginRequest()}rende

javascript - 如何将数据从路由器组件传递到 Aurelia 中的子组件?

假设我们在Aurelia中有一个名为UserRouter的组件,它是一个子路由器并处理到UserProfile、UserImages和UserFriends的路由。我希望UserRouter从API(在canActivate上)加载用户,然后将此用户数据传递给子组件。加载数据没问题,如何将它传递给子组件以便它们都能读取?例如在上放置一个属性.我已经在子组件的bind()方法上尝试了bindingContext参数,但这没有用。谢谢 最佳答案 我这样做的方法是向子路由器定义添加附加信息,例如:configureRouter(confi

javascript - 如何将主干路由器应用于完整路径,而不是哈希

这种可能性存在吗?我们的站点不是一个页面,而是所有的js文件压缩在application.js里面,我可以使用Backbone路由器进行location.path解析吗?我尝试Backbone.history.start(pushState:true)。它对我有用,但它正确吗?我只需要初始解析,不需要通过Backbone.Router进行复杂的路由和重定向。 最佳答案 您可以只使用标准路由器。当您实例化它并启动历史对象时,您可以设置它应该用作其基础的根目录。在这种情况下,您似乎想使用'/'varMyRouter=Backbone.R

javascript - Ember JS 过渡到嵌套路由,其中​​所有路由都是 View 中的动态段

我们正在使用EmberJS编写一个应用程序。然而,我们对这个框架还很陌生,我们很难解决一些看似简单的问题。模型很简单,有3个模型:Queue、Task和Image。我们为所有路由使用动态URI段,这些模型的路由以以下形式嵌套::queue_id/:task_id/:image_id。路由是这样配置的:App.Router.map(function(){this.resource('queue',{path:':queue_id'},function(){this.resource('task',{path:':task_id'},function(){this.resource('im

javascript - AngularJS 单页应用中多个区域的独立路由

我有一个包含四个区域的单页AngularJS应用程序,每个区域都有自己的内容:我需要每个区域通过服务进行通信,但除此之外,它们需要有自己独立的路由以供查看,即它们都应该有自己的View状态。我已经尝试用plunkr来做到这一点(angular-ui-router)但我不知道如何创建只影响特定模块或区域的angular-ui状态,而不修改页面上的其余区域。页面包含区域:InitialRegion1InitialRegion2并且应用程序尝试在独立模块中定义每个区域:varapp=angular.module('Main',['ui.router','Region1','Region2']

javascript - 在 ReactJs 中使用 react-router 获取事件路由

我正在使用reactjs创建一个项目。在我的应用程序中,我正在使用这个获取事件路由:this.context.router.isActive但是变得不确定,我正在使用react-router4。早些时候,当我使用较低版本的react-router时,这对我有用。这是我的代码:classNavLinkextendsReact.Component{render(){console.log(this.context.router.isActive)letisActive=this.context.router.isActive(this.props.to,true);letclassName

javascript - 同一 URL 上的 Angular UI 路由器默认状态

这将很难解释,但我会尝试。我在Angular应用程序中使用UI-router并希望使用以下URLS:/contacts/contacts/{id}当您访问/contacts页面时,它将从服务器获取联系人列表并显示它们。当您转到/contacts/1时,它将从服务器获取联系人1记录并显示它。我的代码目前看起来像这样:.state('contacts',{url:"/contacts",templateUrl:"templates/contacts.tpl.html",controller:"ContactsCtrl"}).state('contacts.contact',{url:"/{

javascript - React 路由器 - 将路由上的 Prop 传递给子组件

有人可以告诉我最好的方法吗?我想将页面标题Prop从我的路线传递到我的标题子组件中。这是我的路线:varsampleApp=React.createClass({render:function(){return();},});varroutes=();Router.run(routes,function(Handler){varmountNode=document.getElementById('app');React.render(,mountNode);});我想像这样在路由中传递我的页面标题作为Prop:到我的头部组件:varHeader=React.createClass({r

javascript - 在主干应用程序中获取以前的路由器/url

我有一个主干应用程序,我需要知道访问当前路由的路由器。可能吗?例如:-我从#/test1到达#/current,在另一个实例中,从#/test1到达。那么我可以通过某种方式知道检测之前的路由器命中吗?我用过:Backbone.history.fragment这只给我当前访问的路线,而不是从哪条路线。 最佳答案 您可以将您的历史存储在某个数组中,并对上一个/上一个项目进行一些操作。varhistory=[];this.listenTo(this,'route',function(name,args){history.push({nam

javascript - Angular 2 如何使用路由器和 location.go() 检测后退按钮按下?

我构建了一个使用router3.0.0-beta.1的应用程序在应用程序部分之间切换。我也用location.go()模拟同一页面的子部分之间的切换。我用了和一些URL重写规则,以便将所有路由重定向到index.html在页面刷新的情况下。这允许路由器接收请求的子部分作为URL参数。基本上我已经设法避免使用HashLocationStrategy.routes.tsexportconstroutes:RouterConfig=[{path:'',redirectTo:'/catalog',pathMatch:'full'},{path:'catalog',component:Catal