【发布时间】:2015-06-01 19:44:08
【问题描述】:
这个问题特别与新的 Ember 尖括号组件语法有关,但通常也与 Web 组件有关。
我正在升级一个 Ember 应用程序,它不在更高版本的 Ember 上,我决定使用 Ember 1.13 测试版,以便我可以利用尖括号组件。
我有很多组件使用 div 以外的其他元素构建 html 层次结构,例如一个表,其中每个 tbody/tr/td 都是一个组件(假设在用于操作行的表)或每个li 是一个组件的列表。我很惊讶地看到 <my-component> 在最终的 html 中实际上生成为 <my-component>,即使设置了 tagName 属性。也许这对其他人来说并不意外,但对我来说,这将是比 Ember 2.0 宣布的任何其他内容更大的变化。我阅读了一堆关于 Web Components 的文章,但没有看到任何关于这个问题的提及,所以这可能只是我的一个基本误解。
如何创建非块级别的组件(Web/Ember)?通过将您的 html 重组为仅将块元素作为组件?通过写一堆css把它们改成非阻塞(比如使用display: table-row)元素?
【问题讨论】:
-
您找到解决方案了吗?因此,我有一个选择组件在 1.13 中中断。
-
@TimmieSarjanen:不,没有解决方案。到目前为止,Ember forums、Slack Ember 社区和此处的答案为零。
-
我为此创建了一个问题,但还不支持 tagName。在此处阅读更多信息github.com/emberjs/ember.js/issues/11245