使用带有绑定号码的repeat.for

Question

考虑以下示例：

//edit.html
<input type="number" step="1" value.bind="number" />
<div repeat.for="num of number">${num}</div>

//edit.ts
export class Edit {
  number: number = 2;
}

我希望在第一页加载时看到2个div，并且当我在输入中更改数字时，div的数量应该会改变。相反，我得到错误

Value for 'number' is non-repeatable

Answer 1

我明白了。如果将输入字段绑定到变量，即使变量是数字，当用户更改时，它也会更改为字符串。就我而言，number在输入字段中变为字符串。我用这个要点来帮助我解决这个问题：

https://gist.github.com/jdanyow/d9d8dd9df7be2dd2f59077bad3bfb399

它提供自定义元素和属性，用于将数字绑定到输入字段。