【问题标题】:Handling non-block html elements with angle bracket components (webcomponents)使用尖括号组件(webcomponents)处理非块 html 元素
【发布时间】: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

标签: ember.js web-component


【解决方案1】:

答案是目前没有答案。尖括号组件的行为正在制定中,并且有一个 RFC 建议它们应该如何表现:

https://github.com/emberjs/rfcs/blob/angle-bracket-components/active/0000-component-unification.md

【讨论】:

    猜你喜欢
    • 2012-02-03
    • 2019-06-15
    • 2018-11-18
    • 1970-01-01
    • 2015-06-03
    • 2019-02-02
    • 1970-01-01
    • 2017-08-19
    • 1970-01-01
    相关资源
    最近更新 更多