小编Jer*_*nzo的帖子

是否可以直接在Aurelia中呈现自定义元素模板而无需额外的自定义元素包装器节点？

例如,比方说,我有一个像这样的组件:

// -- component.js
export class UiComponent {}

// -- component.html
<template>
    <div class="ui-component">
        { ... some content ... }
    </div>
</template>

...我有一个包装器组件渲染ui组件,如下所示:

// -- wrapper.js
export class UiWrapper {}

// -- wrapper.html
<template>
    <require from="/path/to/component.js"></require>

    <div class="ui-wrapper">
        <ui-component></ui-component>
    </div>
</template>

这将导致DOM树看起来像这样:

<ui-wrapper>
    <div class="ui-wrapper">
        <ui-component>
            <div class="ui-component">
                { ... some content ... }
            </div>
        </ui-component>
    </div>
</ui-wrapper>

问题:是否可以在没有自定义元素生成的额外标记噪声的情况下呈现DOM？

<div class="ui-wrapper">
    <div class="ui-component">
        { ... some content ... }
    </div>
</div>

为什么我要这个:

• 我不喜欢自定义自定义元素包装器的样式(即,<ui-component>或者<ui-wrapper>.我相信它是标记噪声,因为我无法操纵它的类,也不能直接在它上面附加事件处理程序.

• 在使用的元素上repeat.for …

因此，我的网页上有一个表单，我想实现一个系统，告诉用户填写表单需要多长时间。

当用户开始填写表单上的任何文本字段时，是否可以在 JavaScript 上启动计数器变量（计时器），然后在按下提交按钮后发送该计数器数据？我想将其作为 POST 参数发送到另一个页面，这将告诉用户他填写了上一页的表单需要多长时间。