Mit repeat.for mit gebundener Zahl

Question

Betrachten Probe unter:

//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; 
} 

Ich erwarte 2 divs auf dem ersten Seite zu laden und die Anzahl des divs ändern sollte, um zu sehen, wenn ich Nummer in der Eingabe ändern. Stattdessen erhalte ich Fehler

Value for 'number' is non-repeatable 

Answer 1

Ich fand es heraus. Wenn Sie das Eingabefeld an die Variable binden, wird die Variable, selbst wenn sie eine Zahl ist, bei Änderung durch den Benutzer in eine Zeichenkette umgewandelt. In meinem Fall wurde number String einmal im Eingabefeld geändert. Ich habe diesen Kern mir zu helfen, dieses Problem zu lösen:

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

Es bietet individuelle Elemente und Attribute für Zahlen Eingabefelder verbindlich.