草庐IT

UIAbility-Router

全部标签

javascript - 如何在 ui-router 中将可选状态参数保存在浏览器上?

我有一个父状态,其中有两个子状态,我将根据URL显示一个状态。在这两种状态中,一种是必须使用param1和param2这样的参数,我使用了params状态定义中的ui-router选项。状态$stateProvider.state('tabs.account',{url:'/account',views:{'content@tabs':{templateUrl:'account.html',controller:function($scope,$stateParams){//Thisparamsareinternallyusedtomakeajaxandshowsomedata.$sc

javascript - 如何在 ui-router 中将可选状态参数保存在浏览器上?

我有一个父状态,其中有两个子状态,我将根据URL显示一个状态。在这两种状态中,一种是必须使用param1和param2这样的参数,我使用了params状态定义中的ui-router选项。状态$stateProvider.state('tabs.account',{url:'/account',views:{'content@tabs':{templateUrl:'account.html',controller:function($scope,$stateParams){//Thisparamsareinternallyusedtomakeajaxandshowsomedata.$sc

javascript - 在不使用重定向或链接的情况下更改 react-router v4 中的 URL

这个问题在这里已经有了答案:ProgrammaticallyNavigateusingreact-router(9个回答)关闭5年前。我正在使用react-routerv4和material-ui在我的React应用程序中。我想知道在GridList中单击GridTile后如何更改URL.我最初的想法是为onTouchTap使用一个处理程序。但是,我可以看到重定向的唯一方法是使用组件Redirect或Link。如何在不呈现这两个组件的情况下更改URL?我试过this.context.router.push('/foo')但它似乎不起作用。

javascript - 在不使用重定向或链接的情况下更改 react-router v4 中的 URL

这个问题在这里已经有了答案:ProgrammaticallyNavigateusingreact-router(9个回答)关闭5年前。我正在使用react-routerv4和material-ui在我的React应用程序中。我想知道在GridList中单击GridTile后如何更改URL.我最初的想法是为onTouchTap使用一个处理程序。但是,我可以看到重定向的唯一方法是使用组件Redirect或Link。如何在不呈现这两个组件的情况下更改URL?我试过this.context.router.push('/foo')但它似乎不起作用。

javascript - 如何使用 AngularJS UI Router .go() 将搜索参数添加到 URL?

有没有办法在使用UI-Router的$state.go()时向URL添加搜索参数?我想在URL中使用带有附加信息的已定义状态,而不是定义具有相同配置的新路由。我定义了一个简单的View:.when('page-with-form',{template:'views/page-with-form.html',url:'/page-with-form'})当有人导航到/page-with-form时,我希望路由正常工作,但是当我在应用程序中有其他内容会使用一些附加信息将用户重定向到该路由时/page-with-form?error=true可能是这样的:$state.go('page-wi

javascript - 如何使用 AngularJS UI Router .go() 将搜索参数添加到 URL?

有没有办法在使用UI-Router的$state.go()时向URL添加搜索参数?我想在URL中使用带有附加信息的已定义状态,而不是定义具有相同配置的新路由。我定义了一个简单的View:.when('page-with-form',{template:'views/page-with-form.html',url:'/page-with-form'})当有人导航到/page-with-form时,我希望路由正常工作,但是当我在应用程序中有其他内容会使用一些附加信息将用户重定向到该路由时/page-with-form?error=true可能是这样的:$state.go('page-wi

javascript - 如何从 ui-router statechange 返回 $state.current.name

当我改变Angular位置时,我想返回.state('name')。从我的run()它可以返回$state对象:.run(function($rootScope,Analytics,$location,$stateParams,$state){console.log($state);但是当我尝试获取$state.current时它是空对象.run(function($rootScope,$location,$stateParams,$state){console.log($state.current);配置示例:.config(function($stateProvider,$urlR

javascript - 如何从 ui-router statechange 返回 $state.current.name

当我改变Angular位置时,我想返回.state('name')。从我的run()它可以返回$state对象:.run(function($rootScope,Analytics,$location,$stateParams,$state){console.log($state);但是当我尝试获取$state.current时它是空对象.run(function($rootScope,$location,$stateParams,$state){console.log($state.current);配置示例:.config(function($stateProvider,$urlR

javascript - 如何在 vue-router 中使用 Vuetify 选项卡

我有以下jsfiddle有两个Vuetify选项卡。该文档没有显示使用vue-router的示例。我找到了这个Medium.compost关于如何将Vuetify与vue-router一起使用,它具有以下代码:motorcyclepets但是,代码现在已经过时了,因为Vuetify1.0.13Tabsdocumentation没有在他们的api中指定routerProp,所以帖子中的嵌入式示例不起作用。我也找到了这个StackOverflowanswer其中有以下代码:但是,使用to属性不起作用,它也没有列在Vuetifyapi中。相比之下,v-buttonVuetify组件确实列出了

javascript - 如何在 vue-router 中使用 Vuetify 选项卡

我有以下jsfiddle有两个Vuetify选项卡。该文档没有显示使用vue-router的示例。我找到了这个Medium.compost关于如何将Vuetify与vue-router一起使用,它具有以下代码:motorcyclepets但是,代码现在已经过时了,因为Vuetify1.0.13Tabsdocumentation没有在他们的api中指定routerProp,所以帖子中的嵌入式示例不起作用。我也找到了这个StackOverflowanswer其中有以下代码:但是,使用to属性不起作用,它也没有列在Vuetifyapi中。相比之下,v-buttonVuetify组件确实列出了