如何在模型中设置基于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