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 中完成类似的操作而不使用不需要的父元素标签?
谢谢詹姆斯·索普为我指明了正确的方向。奥里莉亚添加了一个@containerless
您用来装饰自定义元素类的属性。当你这样做时,它会在没有容器的情况下进行渲染。
Example:
import {customElement, containerless} from 'aurelia-framework';
@customElement('foo')
@containerless
export class Foo {
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)