自定義角度指令在 IE11 中不起作用

Question

我有一個指令，顯示用戶完成調查時的進度。 下面是指令：

.directive('progressBar', [function () {
  return {
    templateUrl: 'survey/survey.progressBar.tpl.html',
    replace: true,
    restrict: 'E',
    scope: {
      currentPage: '=',
      totalPages: '='
    },
    link: function ($scope, iElement, iAttrs) {
      $scope.getProgress = function() {
        var toReturn = Math.ceil(($scope.currentPage/$scope.totalPages)*100);
        if (isNaN(toReturn)) {
          return 0;
        }
        return toReturn;
      };
    }
  };
}]);

下面是調用該指令的表達式：

<div class="progress-bar-container">
  <div class="progress-bar" style="width:{{ getProgress() }}%;" ng-style="width:{{ getProgress() }}%;">
    <div class="tooltip arrow-up">
      <span>{{ getProgress() }}% <span translate="SURVEY.COMPLETE"></span></span>
    </div>
  </div>
</div>

當用戶在 Firefox、Safari 和 Chrome 上完成調查時，這兩個代碼片段都會顯示進度條和完成百分比……不幸的是，它不適用於 IE 10 或 11。

任何人有任何想法可能會破壞 Internet Explorer 嗎？

Answer 1

Navaneeth，對於延遲響應表示歉意。 我設法解決了以下問題：

<div class="progress-bar" ng-style="{width: getProgress() + '%'}">

IE11 據稱不呈現內聯樣式標簽，我只需要使用 Angular 的“ng-style”表達式，一切都解決了。