2017-06-28 1 views
-1

Ich versuche, eine Knockout-Vorlage zu erstellen, die eine Tabellenzeile für jede Zeile im Knockout-Array generieren sollte. Wenn ich den Code unten es sagt mir hinzufügen „Element Skript kann nicht in Elementtabelle verschachtelt werden“Erstellen von Knockout-Vorlage für Tabellenzeile

<table> 
<tr> 
    <th>ID#</th> 
    <th>Name</th> 
</tr> 
<tr data-bind="template: { name: 'EmployeeTemplate', foreach: EmployeesArray }"></tr> 
<script type="text/html" id="EmployeeTemplate"> 
    <td>234567899874</td> 
    <td>Mr. Test </td> 
</script> 

Wie kann ich dies mit Knockout-Vorlagen lösen? Ich basiere es von this Link.

+0

Haben Sie versucht, die Vorlage außerhalb der Tabelle zu verschieben? –

+0

aber brauche ich es nicht in der Tabelle, wenn ich möchte, dass es für das tr-Element – shw

Antwort

1
<script type="text/html" id="templateName"> 
    <td data-bind="text: Property"></td> 
    <td data-bind="text: Property"></td> 
</script> 

<tbody data-bind="foreach: data"> 
    <tr data-bind="template: { name: 'templateName', data: $data }"></tr> 
</tbody> 

Dies sollte funktionieren.

+0

ist, um die Vorlagen zu verwenden, die ich brauche, um ein Skript-Tag zu setzen - ich basiere es von diesem Link: http: // knockoutjs.com/documentation/template-binding.html – shw

+0

Ich habe die Antwort bearbeitet. – Shadowfox

+0

und dann sollte ich die Skript-Tags aus der Tabelle verschieben? – shw

Verwandte Themen