在html属性

Question

我想使用aurelia绑定动态设置input datetime步骤粒度。

在我的time.js：

中

timeStep = "1";

在我的time.html：

中

以下工作正常：

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

然而，当我尝试使用我的变量设置步骤时 - 它似乎不起作用：

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

你可以看到我丢失了秒的粒度。当我检查元素时，它出现为：

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

timeStep应该是＆＃34; 1＆＃34;。

Answer 1

要将任何HTML属性绑定到viewModel中的属性，您需要使用.bind。

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

Aurelia会假设.bind属性中的任何内容都是viewModel类的属性，并相应地绑定它们。您可以在任何（据我所知）HTML属性上使用.bind。