Knockout Js：table 行的值在 IE9 中重复

Question

例如，如果我有 table 列 "ID"，ID 下的值将在每一行中重复两次。此问题仅存在于 Ie9 中。请提出可能的解决方案。我的 Html 标记如下。

     <script>
        var viewModels;
        requirejs(
            ["vm.attendanceMarking", "vm.bookcab"],
            function (vmattendanceMarking, vmbookcab) {

                viewModels = {
                    vmattendanceMarking: vmattendanceMarking,
                    vmbookcab: vmbookcab

                };
               vmattendanceMarking.VMobsCabDetails();
               viewModels.vmattendanceMarking.VMinit();
               viewModels.vmbookcab.VMGetCabRequestData();

                $(document).ready(function () {

                    ko.applyBindings(viewModels);
                });
            });


    </script>

       <tbody>
                        <!-- ko foreach: AttendanceList -->
                        <tr id='myrows' data-bind="attr: { id: 'row-' + tripId }">

                            <td>
                                <div style="display:inline-block">
                                    <label data-bind="text: EmployeeId" />
                                </div>
                            </td>
                            <td>
                                <div style="display:inline-block">
                                    <label data-bind="text: slot" />
                                </div>
                            </td>
                            <td>
                                <div style="display:inline-block">
                                    <input type="checkbox" data-bind="checked: IsPresent">
                                </div>
                            </td>
                            <td>
                                <div style="display:inline-block">
                                    <input type="checkbox" data-bind="checked: IsChecked">
                                </div>
                            </td>
                        </tr>
                        <!-- /ko-->
                    </tbody>

在 IE9 中生成后 table 的标记：

<tbody>
<tr>
<td>
  <label data-bind="text: EmployeeId" />
Bangalore 
  <label data-bind="text: EmployeeId" />
Bangalore
</td>
</tr>
</tbody>

Answer 1

您的标记无效，这会导致不可预知的结果。

<label>元素不允许自闭。请改用 <label></label>。

Knockout Js：table 行的值在 IE9 中重复

Knockout Js: values for table row duplicates in IE9

knockout.js