草庐IT

ROUTER-OS

全部标签

javascript - Angular 2 : Active Router link and routerLinkActiveOptions for dynamically generated links

我有一个使用列表标签创建的菜单我想在其中一个子routerLink像这样使用routerLinkActiveOptions处于事件状态时将一个类应用于父标签Link它工作正常但是当我尝试使用数据数组对动态生成的菜单进行相同的尝试时它不起作用。相同的代码是{{d.name}}如何实现这个,有什么帮助吗? 最佳答案 您需要像设置routerLinkActive="active"一样设置[routerLinkActive]="['linkActive']":{{d.name}} 关于javas

javascript - 通过 React Router 的 withRouter HOC 转发 ref

我想设法专注于我用withRouter包装的组件。但是,当我给组件一个ref时,我收到一条关于将ref分配给无状态组件的警告。我假设这是因为ref被附加到withRouterHOC而不是我的组件,因为它是有状态的。我的一般设置如下所示://InnerComponent.jsclassInnerComponentextendsComponent{constructor(props){super(props);}}exportdefaultwithRouter(InnerComponent);//App.jsclassAppextendsComponent{constructor(prop

javascript - Meteor Iron Router 如何获取POST数据

我正在尝试将POST数据从外部meteor传递到IronRouter路由,但它不起作用。请求正文为空。我尝试输出请求体来检查数据是否存在,但它只是空的。Router.route('/api/gatewaysusers',function(){body=this.request.body;console.log(this.request)//this.response.write(body);this.response.end("Callserved");},{where:'server'})有什么想法吗?谢谢。 最佳答案 reque

javascript - React-router 强制查询字符串为具有单个元素的数组

我刚刚将使用react和react-router制作的应用程序从旧版本迁移到react0.15和react-router2.0在旧版本中,Links是这样创建的:{name}这构造了一个url,如/route/?ids[]=1。那会给我组件this.props.query={ids:['1']}升级后Link声明更改为:{name}它生成类似/route/ids=1的url,现在路由器像这样解析查询字符串:this.props.location.query={ids:'1'}如果链接声明中的数组有多个元素,我设法获得一个数组的唯一方法,尽管url没有在url中使用空括号。那么有没有办法

javascript - 如何在 React Router 中正确使用 IndexRoute?

我正在将React用于一个小型网络应用程序。它有一个基本的5页网站布局。(Home|About|Contact|Press|Shows)所以我想使用一个只显示菜单、页眉和页脚的应用程序模板,{props.children}将是ReactRouter的路由组件。为此,我使用了以下代码。假设所有进口都在那里......这是我的路由器代码:exportdefault(props)=>{return();}现在这是我的模板:exportdefault(props)=>{return({props.children});}我知道出了点问题,b/c没有CSS魔法,a:active始终是HOME和任

javascript - 在 React Router v4 中获取未定义的组件

刚刚升级到react-router-dom4.0.0.我所有的组件都是常规的classes或粗箭头。它们都是使用exportdefaultThatComponent导出的.但是我得到了这个:未捕获错误:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件)但得到:未定义。您可能忘记了从定义组件的文件中导出组件。检查Router的渲染方法.//minimalshowcaseimport{BrowserRouter,Match,Miss}from'react-router';constRouter=()=>({/*bothMatchandMisscomponentsbelowc

javascript - 我如何在 Ember.Router 中设置 ApplicationController

我还有其他可能处理Ember.RouterController和View吗?我的应用程序结构通常依赖于require.js,它负责处理相应的依赖项。在我的示例中,我将App.ApplicationController作为主路由器Controller。这是一个jsfiddle:http://jsfiddle.net/mediastuttgart/uMKGt/1/但是有机会手动设置吗?我发现了这条提交信息https://github.com/emberjs/ember.js/commit/be69395f5eec4187b1df052d7386bcda45f79475在我可以看到的地方,如

javascript - 在页面转换完成时暂停 Meteor 的 Iron Router 中的路由

在我的Meteor应用程序中,我有一些复杂的页面动画需要几秒钟才能完成(指导性动画优先于页面转换速度)。动画中有一个out状态和一个in状态。为简单起见,假设我需要淡出一页,然后淡入下一页,但我希望这些淡出需要多秒钟。为此,我使用Meteor的IronRouter来调用一些操纵CSS的动画函数。lib/router.jsanimateContentOut=function(pause){return$('#content').removeClass("animatedfadeIn");}Router.onAfterAction(animateContentOut);animateCon

javascript - 使用 React Router v4 在身份验证后导航到页面

我正在尝试在身份验证成功后从login.js导航到app.js。我能够使用路由器v3和浏览器历史记录相对轻松地完成此操作。我不太确定如何使用路由器v4导航页面,因为它们的方法似乎非常不同,而且我以前使用的方法不再有效。我尝试引用这篇文章NavigatingProgramaticallyinReact-Routerv4,但这些建议对我不起作用。关于如何使用v4在我的应用程序中遍历页面有什么建议吗?这是一个Electron应用Index.jsimport{HashRouterasRouter}from'react-router-dom';importReactfrom'react';imp

javascript - 如何使用嵌套路由向页面添加内容而不用 react-router-v4 删除先前路由的内容?

我正在使用react-router-v4官方文档中提供的边栏示例作为灵感https://reacttraining.com/react-router/web/example/sidebar1-所以我的应用程序的初始URL将是:localhost:3000/search-page/Lists2-我有一个可点击链接列表,点击后会在边栏上显示点击数据,发生这种情况时,URL会更新:localhost:3000/search-page/Lists/itemList1selected3-然后我按下“显示列表编号2”按钮以显示新列表4-我的目标是使用嵌套路由,当我单击“列表编号2”中的链接时。它会