我在Ember中定义了几(10)个不同的模型并设置了资源路由。一切都很好。虽然每个模型都有不同的属性,但我想节省编写冗余代码的时间。让我们先从模型开始。这里有一些例子…
型号:客户端
App.Client = DS.Model.extend({
name: DS.attr('string'),
clientId: DS.attr('string'),
clientSecret: DS.attr('string'),
trustedClient: DS.attr('boolean')
});
型号:集团
App.Group = DS.Model.extend({
name: DS.attr('string'),
groupType: DS.attr('string')
});
型号:用户
App.User = DS.Model.extend({
email: DS.attr('string'),
password: DS.attr('string'),
});
和更多…
是否可以使用一个(而不是10个)车把模板为每个属性和值组合生成标签和文本字段?
我从这个关于stackoverflow的问题中得到了一些想法。按照提议定义一个通用模板似乎已经很有用了。
<script type="text/x-handlebars" data-template-name="general-table-output">
{{#each metadata}}
<label>{{name}}</label>
{{input valueBinding='name'}}
{{/each}}
</script>
然后我们可以使用渲染助手将模型传递给通用表输出的控制器。这里是用户的示例。
<script type="text/x-handlebars" data-template-name="user">
{{render 'general-table-output' user}}
</script>
直到这里一切似乎都很好…但是控制器似乎没有找到模型的属性。
App.GeneralTableOutput = Ember.ObjectController.extend({
metadata: function() {
var vals = [];
var attributeMap = this.get('content.constructor.attributes');
attributeMap.forEach(function(name, value) {
vals.push(value);
});
return vals;
}.property('content')
});
attributeMap: undefined
在使用Ember Data时,获取属性有点棘手。这是由于Ember Data覆盖了Ember. get
的默认实现,因此当您在Ember Data对象上调用get
时,它会跳过其内部属性等,以获取模型属性(脏或已提交)。您需要执行Ember.get(this.get('content'),'构造器.属性')
。
http://emberjs.jsbin.com/OxIDiVU/394/edit