Aurelia 有虚拟元素吗？答案

【问题标题】：Does Aurelia have virtual elements?Aurelia 有虚拟元素吗？
【发布时间】：2015-10-02 23:41:20
【问题描述】：

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

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

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

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

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

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

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

但是，这将发出 foo 元素标签。如果没有不需要的父元素标签，你如何在 Aurelia 中完成这样的事情？

【问题讨论】：

标签： aurelia

【解决方案1】：

感谢 James Thorpe 为我指明了正确的方向。 Aurelia 添加了一个@containerless 属性，您可以用它来装饰您的自定义元素类。当你这样做时，它会在没有容器的情况下呈现。

例子：

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

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

【讨论】：