2015-10-02 93 views
4

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

例如,在淘汰赛JS,你可以这样做:

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

一系列li标签将发出不带父元素。

Aurelia提供类似的东西吗?我确实看到您可以在Aurelia中创建可以绑定的自定义元素,但这些自定义元素会以HTML元素的形式发送到DOM。

例如,在奥里利亚你可以这样做:

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

然而,这会发出foo元素标签。你如何在Aurelia中完成像这样的事情而没有不需要的父元素标签?

+2

[这些发行说明](http://blog.durandal.io/2015/06/09/aurelia-early-june-release/)提下 “无容器定制元素”截至6月份的新功能,所以它看起来像在那里 –

回答

13

感谢James Thorpe为我指出了正确的方向。 Aurelia增加了一个@containerless属性,用于装饰您的自定义元素类。当你做它没有容器呈现。

实施例:

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

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