html属性でのaurelia変数の使用

Question

aureliaバインディングを使用してinput datetimeステップの細分性を動的に設定したいとします。私time.jsで

：

私 time.htmlで

timeStep = "1"; 

：

次正常に動作：

<input type=datetime-local value="2017-01-01T00:00:00" step="1" value.bind="formParameters.timeFrom" > 
${timeStep} 

しかし、私は私を使用してステップを設定しようとすると、変数 - それはtのように見えないO作業：

<input type=datetime-local value="2017-01-01T00:00:00" step="timeStep" value.bind="formParameters.timeFrom" > 
${timeStep} 

あなたは、私が秒の細かさを失っている見ることができます。

timeStepが「1」である必要があり

<input type="datetime-local" value="2017-01-01T00:00:00" step="timeStep" value.bind="formParameters.timeFrom" class="au-target" au-target-id="37"> 

：私は要素を検査するとき、それはとして出てきます。

Answer 1

すべてのHTML属性をviewModelのプロパティにバインドするには、.bindを使用する必要があります。

<input type=datetime-local value="2017-01-01T00:00:00" step.bind="timeStep" value.bind="formParameters.timeFrom"> 

アウレリアは.bind属性で何かがあなたのViewModelクラスのプロパティであると仮定し、それに応じてそれらを結合します。 .bindを（私が知る限り）HTML属性に使用することができます。