knockout.js - knockout native 绑定(bind)，无容器绑定(bind)的语法错误

Question

正在处理我的第一个严肃的 native 绑定(bind)模板，并且正在犯一个明显的语法错误。问题部分如下 -

<tr class="knockoutGrid-header">
    <!-- ko foreach: columns -->
    <th class="ui-widget-header">
        <!-- ko if:  !$data.NoSort  -->
        <button onclick='viewModel.gridViewModel.SortColumn("$data.rowText", $index)' class='GridSortWrapper'
            title='Click to Sort Column'>
            <div style="display: table">
                <div style="display: table-row">
                    <div class="ClearFix">
                    </div>
                    <div style="display: table-cell; vertical-align: middle; width: 100%;">
                        <label data-bind="text: headerText" />
                    </div>
                    <div style="display: table-cell; vertical-align: middle; width: 18px">
                        <span class='ui-icon $data.iconCss  iconBackground sortIcon'></span>
                    </div>
                    <div class="ClearFix">
                    </div>
                </div>
            </div>
        </button>
        <!-- /ko -->
        <!-- ko if:  $data.NoSort   -->
        <label data-bind="text: headerText" />
        <!-- /ko -->
    </th>
    <!-- /ko -->
</tr>

我收到以下错误

未捕获错误:无法找到匹配的结束评论标签:如果:$data.NoSort

我用的是knockout 2.1RC

Answer 1

看来您的问题出在这里:<label data-bind="text: headerText" />

应该是:<label data-bind="text: headerText"></label>