如何在模型中设置基于Ember组件的数据的tagName？

Question

我想根据模型中的数据设置ember组件的tagName，如下所示：

App.TestComponent = Ember.Component.extend({
    tagName: function(){return this.get('tag');}.property('tag')
});

但这不起作用。 W3C指定你不能改变元素的tagName，所以我可以看到为什么将变量绑定到静态属性会有问题 - 只是不知道如何实现这一点。

有什么想法吗？

Answer 1

使用tagName

{{test-foo tagName=item}}

http://emberjs.jsbin.com/molamohi/1/edit

Answer 2

http://emberjs.jsbin.com/vowur/3/edit显示了如何根据模型对象中的属性设置Component的tagName。具体做法是：

{{test-component someVal=model.val tagName=model.tag}}