Internet Explorer 11をクラッシュさせる角度コントローラー

Question

Internet Explorer 11を一貫してクラッシュさせるが、Chrome、Firefox、Operaでは期待通りに動作する角度コントローラーを作成しました。

ここで複雑すぎることはありません。テーブル行の配列から値を表示し、チェックボックスを使用してすべての値を表示するか、配列のサブセットを切り替えます。

私はここにこれを実証するためにplunkrを作成したクラッシュ

<div ng-app="monthsApp"> 
    <div ng-controller="MonthsCtrl as monthsCtrl"> 
    <table style="border-collapse: collapse;"> 
     <colgroup> 
     <col span="{{monthsCtrl.getSpan()}}" /> 
     </colgroup> 
     <thead> 
     <tr> 
      <th> 
      <div> 
       switch between six and twelve months: 
       <input id="agings-open-balances-matrix-state" ng-model="monthsCtrl.sixOrTwelve" type="checkbox" ng-click="monthsCtrl.updateDisplay()"> 
      </div> 
      </th> 
     </tr> 
     </thead> 
     <tbody> 
     <tr> 
      <td>Months</td> 
      <td ng-repeat="month in monthsCtrl.monthsToDisplay">{{month}}</td> 
     </tr> 
     </tbody> 
    </table> 
    </div> 
</div> 
<script> 
    var monthsApp = angular.module('monthsApp', []); 
    monthsApp.controller('MonthsCtrl', function() { 
    var vm = this; 
    var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; 
    vm.sixOrTwelve = false; //false = display six month; true = display 12 months 
    vm.updateDisplay = function() { 
     vm.monthsToDisplay = []; 
     if (vm.sixOrTwelve) { 
     vm.monthsToDisplay = months; 
     } else { 
     vm.monthsToDisplay = months.slice(6); 
     } 
    } 
    vm.getSpan = function() { 
     return (vm.sixOrTwelve) ? 13 : 7; 
    } 
    vm.updateDisplay(); 
    }); 
</script> 

をトリガするために二回ボックスをクリックします：http://plnkr.co/RTIhnU

は「COLGROUP」タグ、または「国境崩壊」の値を削除しますこの問題を解決するには、表のスタイル属性を使用します。

これは既知の問題ですか？その場合、回避策または修正がありますか？

Answer 1

thisを試してください。

問題は、この行にあった：

<col span="{{monthsCtrl.getSpan()}}" />

どうやら、COLSPANは、双方向のIE11に結合してうまく動作しません。関数getSpanを変数spanLengthに置き換えて、一方向バインディングを使用した後は、もはやクラッシュしません。