2015-10-02 26 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 { 
}