Angular 1.3.20在IE11中绑定不当

时间:2017-04-17 18:00:45

标签: javascript angularjs internet-explorer

我在版本1.3.20中有一个角度应用,并且正常的{{}}绑定语法不会为此字段加载。相反,我发现第一个表格单元格为{{item.subItemId}}

app.js

angular.element(document).ready(function () {
    $.get('/bootstrap', function (data) {
        var brandConfig = setupBrand();
        window.config = angular.extend(window.config, {brand: brandConfig}, data);
        angular.bootstrap(document.getElementById('app'), ['app']);

    });
});

view.html

<tr ng-repeat="item in ctrl.items track by item.id" ng-show="!ctrl.loading">
    <td class="table-default__cell--status">
       <item-status item="item"></item-status>
    </td>
    <!-- renders as  {{item.subItemId}} instead of actual value -->
    <td>{{item.subItemId}}</td>
    <td>{{item.description}}</td>
    <td>{{item.amount}}</td>
</tr>

当我将<td>{{item.subItemId}}</td>切换为<td ng-bind="item.subItemId"></td>时,表格单元格正确呈现,但下一列具有相同的问题并呈现为{{item.description}}而不是实际值。

重要说明

  • 此不正确的绑定仅在IE11中发生,并且仅在整个应用程序中的两个数据列中发生。另一个例子是相同的,所以我把它留了出来。 IE 9和10没有这个问题。
  • 重复的问题,但没有提供根问题的解决方案 - AngularJS template variable not working/displaying in IE11

我试图调整的事情

  • IE兼容性元标记。目前,此值为<meta http-equiv="X-UA-Compatible" content="IE=edge">
  • 将角度从1.3.16升级到1.3.20。我希望在这里有一个神奇的解决方案,但最新的错误补丁仍然是一件好事。
  • 视图文件的html验证。没有发现不正确的标签。
  • 修复所有console.log方法以使用$log代替

0 个答案:

没有答案