草庐IT

kube-router

全部标签

javascript - AngularJS $timeout 在计算值之前不等待 UI-Router 完成渲染

我正在使用angularJS和requirejs通过angularAMD将一个复杂的应用程序连接在一起。我的一个状态有两个简单的View,如下所示:$stateProvider.state("common",{url:"/",views:{"view1":{templateUrl:"view1.tpl.html"},"view2":{templateUrl:"view2.tpl.html"}}});htmlView1有一个指令:.directive('checkViewOneBoxWidth',function($timeout){return{restrict:'A',link:fu

javascript - React、Redux、React-Router - 卡在安装 material-ui 时

教程:但是由于我使用的是redux和react路由器,所以我无法真正将MuiThemeProvider放在链的顶部。包含此库的最佳方式是什么?这是我的ReactDOM.render函数:ReactDOM.render({devTools},document.getElementById('root'));这就是路由器:exportdefault(onLogout)=>(); 最佳答案 我是这样做的。我有一个index.js,我的package.json将其作为要启动的主文件(使用npmstart)。我在其中(为简洁起见删除了一些导入

javascript - React-Bootstrap/React-Router-Bootstrap 中 NavBar 品牌化的最佳实践

ReactBootstrap和ReactRouter中的anchor标记存在问题。我很好奇其他人是如何处理这种情况的。可以只留下带有href的anchor标记,例如SiteTitle并避免使用IndexLinkContainer.还有就是用MenuItem之类的。TitleName然而,这会在导航栏的最左侧留下一个丑陋的元素符号点。如果其他人对如何解决这个问题有任何想法,我将不胜感激。 最佳答案 这就是我所做的(使用来自react-router-bootstrap的LinkContainer):Sometext包含站点的名称和Log

javascript - React Router - 如何动态替换字符串中的参数

我在URL中有一组动态参数,例如用户区域设置,看起来像这样:/en/homepage在我的路由器配置JSON文件中,我有类似的内容:/:locale/homepage在ReactRouter中直接替换这些参数的最佳方法是什么?我想出了这个在我看来与标准或可移植解决方案相去甚远的解决方案:consturlTemplate='/:language/homepage';constmappedUrl=pathToRegexp.compile(urlTemplate);consturl=mappedUrl({'language':this.props.match.params.language}

javascript - Vuejs Router,JavaScript代码的条件加载

我正在将VueRouter集成到我的应用程序中。在我的一个组件中,我正在使用一些js代码,我不想在另一条路线上加载或出现这些代码?例子compA.vueconsole.log('hello')app.com/a->IshouldseeconsolelogHello.app.com/b->whenIaccessthisIshouldnotseehellointheconsole.编辑:根据回复进行澄清。我有两个组件,每个组件都有自己的生命周期Hook,所以我不需要设置逻辑来触发基于组件的函数...如果用户访问compA并且函数触发并产生一些副作用,当我访问compB时,我希望没有类似于传

javascript - Angular 2 : multiple <router-outlet> for sub routes

在Angular2中,有没有办法让子路由不显示在主标签中例如:url:"http://mywebsite.com/"MainComponent.ts@Component({...template:''...})@RouteCongif([{path:'/products',name:'Product',component:Product}])这会将子组件显示到标签中好吧,现在有没有可能有这样的配置:url:"http://mywebsite.com/products"ProductComponent.ts@Component({template:`...Mylistofproducts

javascript - React Hooks 与 React Router v4 - 我如何重定向到另一条路线?

我有一个简单的ReactHooks应用程序-Todos列表-带有ReactRouterv4在Todo列表中,当点击Todo时我需要:在上下文中调度当前的待办事项重定向到另一条路线(从/todos到/todos/:id)在之前基于React类的实现中,我可以使用this.context.history.push重定向到另一个路由。我将如何结合使用ReactHooks和ReactRouterv4来处理这个问题(在下面的代码中,请参阅我在函数editRow()中的评论)?代码如下:=====index.js=====importReactfrom'react';importReactDOMf

javascript - 无法根据文档在 Angular ui-router 中访问 $state.current.data

我正在尝试动态更新页面标题。考虑这样定义的状态:$stateProvider.state('login',{url:'/login',templateUrl:'/templates/views/login.html',controller:'AuthCtrl',data:{title:'Login'}}在页面的HEAD部分:根据tothedocumentation,Iamsupposedtobeabletoaccessmycustomdataproperty:app.directive("pageTitle",function($state){return{restrict:'A',t

javascript - 使用 AngularJS ui-router 创建一个类似状态的弹出窗口

我正在尝试创建一个像弹出窗口一样的状态,即它不会清除当前状态,它只是在不完全破坏当前状态的情况下弹出它(以便用户可以通过关闭来访问它弹出窗口)。大大简化后,我的应用程序路由如下所示:angular.module('test',['ui.router']).config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){$stateProvider.state('login',{url:'/login',template:'Login'}).state('authentic

javascript - React Router v4 模态

我知道如何在以前版本的ReactRouter中执行此操作,但我绝对不知道如何在新的ReactRouterv4中执行此操作。有人可以帮助我吗?我想要什么?当您在浏览器url中输入/image/1时,页面将正常显示。当您点击Imageasmodal时状态modal:true,modalwithimagewillappearBUTbehindmodalmustbethepreviouscontent+urlinbrowser===/image/1...然后如果你按F5,页面会正常显示。例如:instagram...等我认为我做错了什么?我不知道如何显示以前的内容。这就是我的猜测。代码:con