ui.bootstrap 使 HTML 标签变形

2024-03-30

在我的 HTML 文件中我有一个<progress>标签,我还注入了ui.bootstrap对我的控制器的依赖如下:

var myApp = angular.module("myApp",["ui.bootstrap"]);

在此配置中,AngularJS 将<progress></progress> into:

<div class="progress ng-isolate-scope" ng-transclude=""></div>

当我删除“ui.bootstrap”时,它工作正常。你可以玩this http://jsfiddle.net/yaprak/6fM5S/1/示例 JSFiddle。

When progress转换成<div class="progress ng-isolate-scope" ng-transclude=""></div>它消失了。我知道有一个指令叫做progress在 ui.bootstrap 中进行此转换。

那么,如何才能让这个进度条发挥作用呢?或者,我怎样才能禁用progressAngular-ui 的指令而不删除依赖关系?

提前致谢。


我刚刚遇到了同样的问题。一个简单的解决方法是使用 ng-non-bindable,这是一个标准的 angualr 指令。缺点是您不能在进度元素中使用任何角度指令或绑定。

<progress ng-non-bindable></progress>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ui.bootstrap 使 HTML 标签变形 的相关文章

随机推荐