如何在僅限HTML的自定義元素（Aurelia）中指定雙向可綁定屬性

Question

我創建了一個純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> 

我知道我可以指定雙向使用元素中的每個時間（例如<my-element value.bind="firstName & twoWay"></my-element>約束力，但我想設置的默認，而無需創建和維護一個單獨的類（即我喜歡HTML-僅針對這種情況元素）。

這可能嗎？

Answer 1

我不認爲一個簡單的方法是有可能的。我的意思是，你可以找出如何重寫默認的行爲（[source],[source]），但很可能你會得到更多的類來維護。

Documentation對此也很清楚：

你甚至可以有你的HTML只有自定義元素綁定的屬性。這些屬性默認爲單向數據綁定，但不能更改默認值，儘管在綁定到自定義元素時仍然可以自由顯式設置綁定方向。

在我看來，使用.two-way顯式綁定是你最簡單的選擇。

<my-element value.two-way="firstName"></my-element>