带有 Ember Glimmer 组件的自闭合 void 标签答案

【问题标题】：Self closing void tags with Ember Glimmer components带有 Ember Glimmer 组件的自闭合 void 标签
【发布时间】：2020-03-31 13:15:37
【问题描述】：

我正在将 Ember 应用升级到最新版本 (3.17)，但在使用新的 Glimmer 组件时遇到了问题。不必指定标签名称很好，但我不知道如何处理自动关闭的 void 元素，例如

<img>

标签。很明显，您可以将组件包装在结束标记元素中

<div><MyComponent @name="test"/></div>

但我没有遇到任何使用自结束标记的示例。

非常感谢。

【问题讨论】：

【解决方案1】：

这是an example 在组件中使用<img> 标记。不确定它是否是您要查找的内容，但您可以在组件内使用 void 元素。您确实必须在调用组件标签时自行关闭它。

【讨论】：

您好，感谢您回来。我说的是包装器。在文档的备忘单中，他们给出了
示例，这很好，但我正在寻找一个示例，其中您使用诸如之类的自闭合标签作为包装器。 .
你能用纯 HTML 举例说明你想要做什么吗？不确定在这种情况下我明白包装器的含义。
您好，感谢您的回复。鉴于当我看到上面的
文档示例时，新组件是无标签的，我想知道我们是否应该对自闭合元素使用相同的形式，例如但是这当然行不通，你可以直接在元素中放置一个组件，所以我显然在这个上弄错了 - 抱歉！

【解决方案2】：

你没有。组件呈现html，而您不能将html 放入自结束标记中。根据定义，自闭合标签没有innerHTML。组件 inside <img> 标签会带来什么？

【讨论】：