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

Question

我正在使用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 页面时，链接没有显示在其源代码中？ 那么我怎样才能在页面源中显示这些链接呢？ 有什么办法可以显示吗？

Answer 1

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

jQuery DOM changes not appearing in view source

createElement() not showing up in view source