使用Ember.js,如何让模板动态显示模型的所有属性?

时间:2014-09-18 18:48:24

标签: ember.js model

如何让Handelbars模板循环浏览模型的属性并将它们全部打印在屏幕上?

这是我的路由器:

App.Router.map(function () {
  // Add your routes here
  this.resource('notifications', { path: '/notifications' });
  this.resource('notification', { path: '/notifications/:notification_id' });
});

动态细分正在运作,我可以通过转到/notification/0来检索特定模型。

在我的notification.hbs中,我可以执行{{model.status}}并正确显示我的模型中的属性,这是一个等于" CLOSED"的字符串。但是,我的应用程序将包含许多需要完全打印出来的不同模型,我试图想出一种动态循环遍历整个模型的方法。我想在我的模板中添加这样的内容:

{{#each property in model}}
  <li>{{property.key}}: {{property.value}}</li>
{{/each}}

。 。 。哪个会输出这个:

Date: 2014-09-18
Status: CLOSED
Assigned: Yes
Description: Blah

我想,一个侧面问题是如何使用Ember工具查看Chrome中的当前模型对象?在试图找出我的主要问题时,我去了Chrome控制台试图获取有关模型对象的信息,看看我能从中得到什么。我在控制台中键入了model并获得了ReferenceError: model is not defined

0 个答案:

没有答案