如何在仅HTML自定义元素(Aurelia)中指定双向可绑定属性

如何在仅HTML自定义元素(Aurelia)中指定双向可绑定属性,aurelia,Aurelia,我创建了一个仅限HTML的自定义元素来表示输入以及与之相关的所有DOM结构 我已经在模板上设置了可绑定属性,以向元素提供值。然而,我看不到一种方法来指定绑定应该是双向的 元素: <template bindable="label,name,placeholder,value"> <div class="form-group"> <label class="control-label col-sm-2" for.bind="name">$

我创建了一个仅限HTML的自定义元素来表示输入以及与之相关的所有DOM结构

我已经在模板上设置了可绑定属性,以向元素提供值。然而,我看不到一种方法来指定绑定应该是双向的

元素:

<template bindable="label,name,placeholder,value">
    <div class="form-group">
        <label class="control-label col-sm-2" for.bind="name">${label}</label>
        <div class="col-sm-7 col-md-6">
            <input class="form-control" id.bind="name" placeholder.bind="placeholder" value.bind="value" />
        </div>
    </div>
</template>

${label}
我知道每次使用元素时都可以指定双向绑定(例如,
),但我想设置默认值,而不必创建和维护单独的类(例如,对于这种情况,我只喜欢html元素)


这是可能的吗?

我不认为简单地说这是可能的。我的意思是,您可以找出如何以某种方式覆盖默认行为(,),但很可能最终会有多个类需要维护

很清楚:

您甚至可以在仅HTML的自定义元素上具有可绑定属性。这些属性默认为单向数据绑定,但您不能更改默认值,尽管在绑定到自定义元素时,您仍然可以自由地显式设置绑定方向

在我看来,在这里使用
.two-way
显式绑定是最简单的选择