绑定列表未显示在knockout.js的html视图源中?

时间:2017-02-06 07:48:57

标签: javascript jquery html knockout.js rendering

我使用knockout js来绑定我表中的链接列表,这里是代码

  <table class="table table-bordered">
            <thead>
                <tr>
                    <th style="width:10%;">#</th>
                    <th style="width:50%;">Link</th>
                    <th style="width:20%;">Active</th>
                    <th style="width:20%;">Action</th>
                </tr>
            </thead>
            **<tbody data-bind="foreach:LinkList">**
                <tr>
                    <td data-bind="text:$index()+1"></td>
                    <td><span data-bind="text:$data.LinkName.length <= 40 ? $data.LinkName : $data.LinkName.substring(0, 40) + '...'"></span></td>
                    <td>
                        <input type="checkbox"  data-bind="checked:$data.IsActive" disabled />
                    </td>
                    <td>
                        <button class="btn btn-xs btn-primary" type="button" title="Edit"
                                data-bind="click:$parent.OnClickEditBtn">
                            <span class="glyphicon glyphicon-edit"></span>
                        </button>
                        <button class="btn btn-xs btn-danger" type="button" title="Delete"
                                data-bind="click:$parent.OnClickDeleteBtn">
                            <span class="glyphicon glyphicon-trash"></span>
                        </button>
                    </td>
                </tr>
            </tbody>
        </table>

这里我使用foreach绑定链接列表以在HTML页面上显示它 我也附上该页面的链接   http://growingtab.com/links

但是当您检查页面源中的html页面时,链接是否未显示在其源代码中? 那我怎样才能在页面源中显示这些链接呢? 有没有办法表明它?

1 个答案:

答案 0 :(得分:1)

显示的源代码是服务器在请求页面时为客户端返回的内容 - 您实际上正在进行DOM操作,而不会修改原始源。你可以做的是用Firebug等开发者工具检查DOM的当前状态,或者将逻辑移到服务器端,这将返回生成的HTML。

jQuery DOM changes not appearing in view source

createElement() not showing up in view source