嵌套路由's模板未在EmberJS应用程序中呈现
Nested route's template not getting rendered in EmberJS app
我正在设置一个测试Ember应用程序,目前看起来像这样:
App = window.App = Ember.Application.create();
App.Router.map(function() {
this.resource('subscriptions', { path: '/' }, function() {
this.route('media', { path: '/:photo_id' });
});
});
App.SubscriptionsRoute = Ember.Route.extend({
model: function() {
return App.Subscription.findAll();
}
});
App.SubscriptionsMediaRoute = Ember.ObjectController.extend({
model: function(params) {
return App.Subscription.find(params.photo_id);
},
serialize: function(model) {
return { photo_id: model.photo_id };
}
});
App.Subscription = Ember.Object.extend();
App.Subscription.reopenClass({
findAll: function(id) {
var subs = Ember.A([
App.Subscription.create({ id: 1, photo_id: 221, name: "Test 1" }),
App.Subscription.create({ id: 2, photo_id: 222, name: "Test 2" }),
App.Subscription.create({ id: 3, photo_id: 223, name: "Test 3" })
]);
return subs;
}
});
这个想法是显示订阅列表,每个订阅最终都会链接到一些媒体(图像),以便在访问正确的路线时显示,我显示的订阅列表如下:
<script type="text/x-handlebars" data-template-name="subscriptions">
<div class="col-3">
<div class="list-group">
{{#each subscription in controller}}
{{#linkTo 'subscriptions.media' subscription classNames="list-group-item"}}
{{subscription.name}}
{{/linkTo}}
{{/each}}
</div>
</div>
<div class="col-9">
{{outlet}}
</div>
</script>
<script type="text/x-handlebars" data-template-name="subscriptions/media">
Display photos here -- NOT RENDERING --
</script>
这一切看起来都很好,但由于某种原因,当我单击链接时,我的subscriptions/media
模板没有显示在订阅出口上,这里有一个jsbin供参考:http://jsbin.com/ubumag/3/edit
有指针吗?提前谢谢。
你的App.SubscriptionsMediaRoute
是不必要的,这是ember已经自动为你的路由器映射所做的默认行为,所以删除它或注释掉它,一切都会很好。
在这里查看您的工作jsbin。
希望能有所帮助。
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- Emberjs应用程序加载在除Index之外的所有路由上
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- 搜索引擎可爬网应用程序的EmberJS技术堆栈
- CKEditor 未捕获的类型错误:无法在具有多个编辑器的 EmberJS 单页应用程序中调用 null 的“不可选择”
- 为什么当我在 Emberjs 中最后用“id”刷新 url 时,我得到一个空白应用程序
- EmberJS 应用程序中列表 + 详细信息 + 编辑视图的数据处理
- 从 emberjs 车把应用程序中获取干净的 HTML
- 找不到“”;应用程序“;模板或视图.任何东西都不会被渲染Emberjs RailsAPI
- 禁用“;退格”;在EmberJs中跨应用程序按键
- 嵌套路由's模板未在EmberJS应用程序中呈现
- 如何将内容呈现到由应用程序模板呈现的emberjs模板中?
- Emberjs索引vs应用程序
- 把手在EmberJS应用程序不显示任何东西
- Emberjs -简单的应用程序不工作
- 不扩展应用程序模板 emberjs
- 如何在 Emberjs 中将事件从内部组件冒泡到应用程序控制器
- 新的待办事项已创建但未显示 - 带有EmberJS的待办事项应用程序,没有余烬数据
- EmberJS - 断言失败:#each 循环的值必须是数组.您通过了(生成的应用程序控制器)