ui.bootstrap会变形<progress> HTML标记

Question

在我的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>它消失.据我所知,progressui.bootstrap 中有一个指令可以进行此转换.

那么,我怎样才能使这个进度条工作？或者,如何在progress不删除依赖项的情况下禁用angular-ui 的指令？

提前致谢.

Answer 1

我不确定我是否理解您的问题或uiBootstrap您正在使用哪个版本。

该指令应该是：

<div ng-controller="MainCtrl">
        <progressbar value="55"></progressbar>
</div>

我更改了版本uiBootstrap并将必要的内容包含bootstrap.min.css在这个分叉的Fiddle中，一切似乎都工作正常。（查看外部资源）