如何将查询参数设置为我的所有路线,当它改变时-在恩伯
How to set Query Params to all my routes when it changes - in EMBER
我有一个路由和一个动态子路由。我已经为我的子路由定义了queryParams{queryParams:{start:5}}。默认情况下,queryParam设置为5。所以我的路线是:
#/folders/1
#/folders/2
#/folders/3
现在,我动态地将子路由的queryParams更改为{queryParams:{start:10}}。现在,当前的子路线将是:
#/folders/1?start=10
#/folders/2
#/folders/3
在更改一个子路由的queryParams然后访问其他子路由后,我需要将所有子路由的queryParams设置为"10"。
#/folders/1?start=10
#/folders/2?start=10
#/folders/3?start=10
更改时如何更改所有路由的queryParams。
@模板:
<script type="text/x-handlebars" data-template-name="folders">
<ul>
{{#each item in model}}
<li>{{#link-to 'folder' item.f_id}}{{item.f_name}} {{/link-to}}</li>
{{/each}}
</ul>
<input type="button" value="Set Start Params" {{action "setStartParams"}}>
{{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="folder">
This is folder listing of Folder {{model.id}}
</script>
@JS代码:
App.Router.map(function() {
this.resource('folders', function(){
this.resource('folder', {path: '/:id'});
});
});
App.FoldersRoute = Ember.Route.extend({
model: function() {
return [{'f_name': 'folder1', 'f_id': '1'}, {'f_name': 'folder2', 'f_id': '2'}, {'f_name': 'folder3', 'f_id': '3'}];
},
actions:{
setStartParams: function(){
this.transitionTo({queryParams: {start: '10'}} );
}
}
});
JSBIN链接
AFAIK在Ember中可以动态更改路线
相关文章:
- 如何将查询参数设置为我的所有路线,当它改变时-在恩伯
- d3通过改变参数化函数使折线图水平动画化
- 如何在mongodb / mongoose查询中改变基于参数的结果位置
- 改变& lt; video>参数onclick使用JavaScript
- 可能改变一个参数php?从控制器
- 当参数值改变时如何运行函数
- 防止UglifyJS改变函数参数'的名字
- AngularJS指令——在作用域参数改变时重新运行link函数
- 如何改变javascript函数在html中编写的参数
- 当改变url参数时,React路由器不会重新加载组件
- 为什么在参数中被处理的组件会改变
- Javascript函数何时执行?PHP变量不会改变传入的参数
- 我如何改变一个宽度参数在jQuery给定的像素整数成百分比
- AnulgarJS -服务中的对象参数不改变
- 一键改变功能参数
- Javascript改变Request Header: accept-language参数
- Angular在改变路由参数时重新加载页面
- Jqgrid改变列排序参数(sidx)的值
- 我可以改变参数吗;锁定"
- 缺少)在参数列表之后-我如何在这个简单的代码中修复它我一直在改变事情,得到了dif错误,但无法解决这个问题