提问者:小点点

是否可以在Handlebar. js和Ember.js中为几种不同的底层模型使用一个通用模板?


我在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

共1个答案

匿名用户

在使用Ember Data时,获取属性有点棘手。这是由于Ember Data覆盖了Ember. get的默认实现,因此当您在Ember Data对象上调用get时,它会跳过其内部属性等,以获取模型属性(脏或已提交)。您需要执行Ember.get(this.get('content'),'构造器.属性')

http://emberjs.jsbin.com/OxIDiVU/394/edit