Knockout Js：表格行重複值在IE9中的值

Question

例如，如果我有帶「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：

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

Answer 1

您的標記是無效的，這可能會導致不可預測的結果。

<label>元素不允許自動關閉。改爲使用<label></label>。