Javascript 在没有中间DOM节点的Aurelia中呈现组件

是否可以直接在Aurelia中呈现自定义元素模板，而无需额外的自定义元素包装节点

例如，比如说，我有一个这样的组件：

/--component.js
导出类UiComponent{}
//--component.html
{…一些内容…}

。。。我有一个包装器组件呈现ui组件，如下所示：

/--wrapper.js
导出类UiWrapper{}
//--wrapper.html

这将导致DOM树看起来像这样：

{…一些内容…}

---

问题：是否可以在没有自定义元素生成的额外标记噪声的情况下呈现DOM

{…一些内容…}

---

我为什么想要这个：

• 我不喜欢自定义元素包装本身（即
  或
  ）的样式。我认为这是标记噪音，因为我无法操作它的类，也不能直接在它上附加事件处理程序

• 在使用

  repeat的元素上。对于

  ，我不能简单地使用

  ：last child

  css选择器。我必须使用

  ${$last？'is last child'：'}

  添加另一个类检查，这同样是标记噪声

• 这些中间元素打破了其中任何内容的边距。我的边距不像真实的边距（当边距“碰撞”时会一起塌陷），而是在组件之间加倍，因为自定义元素节点将边距化的元素包装在块容器中，没有任何边距

---

我希望一切都有意义。谢谢。

您可以使用

    // -- component.js
    import {containerless} from 'aurelia-framework';

    @containerless
    export class UiComponent {}

如前所述，您可以使用

    // -- component.js
    import {containerless} from 'aurelia-framework';

    @containerless
    export class UiComponent {}

---

如前所述

woah，我不知道它的存在！谢谢！我不知道要查找的确切术语，因此我的搜索没有产生类似的结果。woah，我不知道它的存在！谢谢！我不知道要查找的确切术语，因此我的搜索没有产生类似的结果。