aurelia - Aurelia 有虚拟元素吗？

Question

Knockout JS 有虚拟元素的概念。这些是“ headless ”元素，您可以将其绑定(bind)到没有 HTML 元素作为容器的元素。这允许您在不发出外部 HTML 的容器中绑定(bind)数组。

例如，在 Knockout JS 中，您可以执行以下操作:

<!-- ko foreach: items -->
  <li data-bind="text: $data"></li>
<!-- /ko -->

将在没有父元素的情况下发出一系列 li 标记。

Aurelia 提供类似的服务吗？我确实看到您可以在 Aurelia 中创建可以绑定(bind)的自定义元素，但这些自定义元素会作为 HTML 元素发送到 DOM。

例如，在 Aurelia 中您可以执行以下操作:

<foo repeat.for="item of items" foo.bind="item"></foo>

但是，这将发出 foo 元素标签。如何在 Aurelia 中完成类似的操作而不使用不需要的父元素标签？

Answer 1

感谢詹姆斯·索普为我指明了正确的方向。 Aurelia 添加了一个 @containerless 属性，您可以用它来装饰自定义元素类。当你这样做时，它会在没有容器的情况下进行渲染。

示例:

import {customElement, containerless} from 'aurelia-framework';

@customElement('foo')
@containerless
export class Foo {
}