knockout.js可观察数组表上方的静态行

Question

我有一个html表,行形成一个可观察的数组....

 <tbody data-bind="foreach: TableArray">
     <tr>
         <td data-bind:"text: Item1"></td>

等等....

如何跳过第一行...所以我可以在表格顶部添加一个静态行(不是标题).

<tbody data-bind="foreach: TableArray">
     <tr> 
        <td> Static Row </td>
     </tr>
     <tr>
         <td data-bind:"text: Item1"></td>

Answer 1

秘密在于无容器的foreach标记.查看以下链接的"注4":

http://knockoutjs.com/documentation/foreach-binding.html

这是一个显示基本示例的小提琴.

http://jsfiddle.net/internetH3ro/M9f4D/7/

基本视图模型:

function ViewModel() {
    var self = this;
    self.items = [{
        firstName: 'James',
        lastName: 'McConnell'
    },{
        firstName: 'Scott',
        lastName: 'Hanselman'
    },{
        firstName: 'Bill',
        lastName: 'Gates'
    }];
}

HTML标记:

<table>
    <tr>
        <th>First Name</th>
        <th>Last Name</th>
    </tr>
    <!-- ko foreach: items -->
    <tr>
        <td><span data-bind="text: $data.firstName"></span></td>
        <td><span data-bind="text: $data.lastName"></span></td>
    </tr>
    <!-- /ko -->
</table>

因此,您只需在评论中包含您想要重复的内容,Knockout将为您的集合中的每个元素重复该内容.非常漂亮,我希望Angular有这样的东西.