使用重复.用于绑定数字

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/d9d8dd9df7be2dd2d2f59077bad3bfb399

它为输入字段提供了自定义元素和属性。