ui.bootstrap变形<progress> HTML标记
在我的HTML文件中，我有一个<progress>标记，并且还将ui.bootstrap依赖项注入到我的控制器中，如下所示：
var myApp = angular.module("myApp",["ui.bootstrap"]);
在这个配置中，AngularJS将<progress></progress>转换为：
<div class="progress ng-isolate-scope" ng-transclude=""></div>
当我删除“ui.bootstrap”它工作正常。 您可以使用此示例JSFiddle进行播放。
当progress变成<div class="progress ng-isolate-scope" ng-transclude=""></div>它会消失。 我知道在ui.bootstrap中有一个叫做progress的指令，它可以进行这种转换。
那么，我该如何让这个进度条工作？ 或者，如何禁用angular-ui的progress指令而不移除依赖关系？
提前致谢。
我刚刚遇到了同样的问题。 一个简单的解决方法是使用ng-non-bindable这是一个标准的angualr指令。 缺点是你不能在progress元素中使用任何角度指令或绑定。
<progress ng-non-bindable></progress>
我不确定我是否了解您的问题或您使用的uiBootstrap版本。
该指令应该是：
<div ng-controller="MainCtrl">
<progressbar value="55"></progressbar>
</div>
我改变了uiBootstrap的版本，并在这个分叉的小提琴中包含了必要的bootstrap.min.css ，并且一切看起来都很好。 （看看外部资源）