internet-explorer - 进度条在除 IE 之外的所有浏览器中工作(Angular + bootstrap)

标签 internet-explorer twitter-bootstrap angularjs progress-bar

我正在使用 Angular 和 Bootstrap 来显示进度条。这是html

<div class="progress progress-striped  active ">
    <div class="bar bar-info" style="width:{{score}}%"></div>
</div>
score来自我的 Controller 。此代码适用于除 IE 之外的所有浏览器。

任何帮助将不胜感激。

最佳答案

只需更改为以下内容:

<div class="progress progress-striped  active ">
    <div class="bar bar-info" ng-attr-style="width:{{score}}%;"></div>
</div>

当您想在 HTML 属性(如样式)中使用 Angular 插值时,您需要使用 ng-attr-该属性的前缀,以便在浏览器中放置 nice 。

关于internet-explorer - 进度条在除 IE 之外的所有浏览器中工作(Angular + bootstrap),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17255231/

相关文章:

windows - 方法 "getElementsByClassName"无法识别

html - 放大时边框高度会改变像素大小

html - Bootstrap 菜单没有出现在 ipad 上

java - Jersey 应用程序 - 415 不支持的媒体类型

javascript - IE 出现 'focus' 事件问题

javascript - 自举 |具有哈希分隔符样式的 URL

html - CSS 将一张图片放在另一张图片之上

javascript - AngularJS 通过模板在组件之间进行通信(带有 promise )

angularjs - 具有嵌套 ng-repeat strip 行的 Bootstrap 表

html - 让阴影文本在 IE 中工作