余烬失去活跃的踪迹
Ember losing active trail
嗨,我在余烬中有以下路线:
App.Router.map(function(){
this.resource('meat', function() {
this.resource('poultry', function() {
this.route('chicken');
this.route('duck');
});
});
});
我的模板如下所示:
<script type='text/x-handlebars' id='meat'>
<div>{{outlet}}</div>
</script>
<script type='text/x-handlebars' id='poultry'>
Poultry
<br/><br/>
{{#link-to 'poultry.chicken'}}Chicken{{/link-to}}
{{#link-to 'poultry.duck'}}Duck{{/link-to}}
<br/><br/>
<div>
{{outlet}}
</div>
</script>
<script type="text/x-handlebars" id="poultry/chicken">
<h4>Chicken</h4>
</script>
<script type="text/x-handlebars" id="poultry/duck">
<h4>Duck</h4>
</script>
问题是,当我点击"鸭子"链接时,我失去了"家禽"的活动轨迹。
我想不通,路径是正确的,但是活动类消失了。
这是一个jsbin:http://emberjs.jsbin.com/yularepare/2/
谢谢!
注释中的代码与 JSBin 略有不同。未包含应用程序模板。在这里:
<script type='text/x-handlebars' data-template-name='application'>
{{#link-to 'poultry.chicken' }}Poultry{{/link-to}}
<br/><br/>
<div>
{{outlet}}
</div>
</script>
你正在失去active
类,因为你直接链接到'poultry.chicken'
,而不是'poultry'
。它不是父路由,而是同级路由。如果要保留活动类,请将link-to
更改为:
{{#link-to 'poultry'}}Poultry{{/link-to}}
它应该工作正常。工作JSBin:http://jsbin.com/fefucalaqi/1/edit
编辑:评论询问如何处理重定向到第一个结果。在此处添加。
App.PoultryIndexRoute = Ember.Route.extend({
redirect: function() {
// write some code to get to your first result here.
this.transitionTo('poultry.chicken');
}
});
现在,您将获得两者:所有家禽路线上的活动类,如果没有选择,则将显示第一个。
相关文章:
- Javascript游戏输入失去焦点
- jquery日期选择器失去了交互性
- :focus:一起活跃,不在firefox上工作
- 突然失去Visual Studio Typescript Intellisense
- 如何使元素在按下按钮时不会失去焦点
- 在输入上失去焦点()
- 根据页面标题过滤活跃用户-谷歌分析
- 当添加spin(spin.js)时,网页将失去功能
- 从匿名函数调用mouseover函数时失去作用域
- Angular中的函数调用后,表失去排序
- Vue.js 在方法内失去范围
- 如何在没有科尔多瓦插件的情况下隐藏软键盘,也不会失去焦点
- ExtJS5 菜单面板在面板失去焦点时消失
- 在方法中失去对对象的引用
- IE窗口失去了对任何XMLHttpRequest启动Angular应用程序的关注
- ExtJS 4-在调整窗口大小时,溢出的工具栏会失去控制器
- 失去全局变量值
- 尝试重新使用“;这个“;属性,则它将失去作用域
- Chrome失去了控制台
- 余烬失去活跃的踪迹