Question

我正在处理Web应用程序，我正在尝试在Internet Explorer中显示具有动态宽度（基于进度条标签）的进度条。我在Windows 8和Windows 8.1 IE的版本中工作。在IE中加载视图时，宽度显示为style =＆＃34;＆＃34;而不是style =＆＃34; width：{{progressBar.percent}}％＆＃34;。

我能够在Internet Explorer中呈现进度条的动态颜色和标签。但是，我无法动态呈现进度条的宽度。如果我手工输入宽度它工作正常，但宽度每天都会改变，所以在宽度上手工输入并不是一个解决方案。

请注意：我在许多其他浏览器上测试了进度条，包括Chrome，Firefox，Safari和Opera，它们都正确地呈现数据。

这是我的代码：

 <div ng-model="widget.progressBar" ng-repeat="progressBar in widget.progress" class="progress-bar-{{progressBar.color}}"style="width:{{progressBar.percent}}%">
  <div class="progress-bars">{{progressBar.label}}</div>
  <div class="progress-bars-text">{{progressBar.number}}</div>
  <div class="dash-progress-num">{{progressBar.number}}</div>
 </div>

不起作用的部分是style =＆＃34; width：{{progressBar.percent}}％＆＃34;。我也尝试过ng-style，结果显示样式=＆＃34;宽度：25％＆＃34;但实际上并没有改变大小进度条，它打破了其他网络浏览器。

非常感谢任何帮助！

Answer 1

我做了一些研究，最终为我工作的是ng-attr-style =“width：{{progressBar.percent +'％'}}”。

我开始在这个网站上学习attr ... https://docs.angularjs.org/guide/directive

AngularJS - IE的所有最新版本都忽略了动态宽度数据

1 个答案: