Tag: angular ui bootstrap

停止在jQuery单击事件中传播底层ng-click

Twitter Bootstrap dropdown嵌套在tr 。 可以通过ng-click点击tr 。 单击页面上的任意位置将折叠下拉菜单。 该行为在$document.bind(‘click’, closeMenu)的指令中定义。 因此,当菜单打开,并且用户单击一行时,我希望菜单关闭(就像它一样)并且我想阻止该行上的click事件。 JSFiddle: http : //jsfiddle.net/LMc2f/1/ JSFiddle +指令内联 : http : //jsfiddle.net/9DM8U/1/ 来自ui-bootstrap-tpls-0.10.0.js的相关代码: angular.module(‘ui.bootstrap.dropdownToggle’, []).directive(‘dropdownToggle’, [‘$document’, ‘$location’, function ($document, $location) { var openElement = null, closeMenu = angular.noop; return { restrict: ‘CA’, link: function(scope, element, attrs) { scope.$watch(‘$location.path’, function() { closeMenu(); }); element.parent().bind(‘click’, function() { closeMenu(); }); […]

如何动态地将angularjs ui bootstrap工具提示添加到现有标记?

angularjs相对较新。 帮助我了解这里发生了什么! 我最终要完成的任务:给定我的html中的一个文本块(比如在一个段落元素中),我想动态地向文本中的选定单词添加工具提示(准确的引导工具提示)。 因此,例如,如果用户在搜索框中键入世界“hello”,则段落中的所有“hello”实例将在hover时显示工具提示,显示某些消息,如定义或其他内容。 注意:我认为我最初并不清楚这一点,但我要添加工具提示的文本块已经在html中,并且不会有任何类型的指令标记标记。 看看我的小提琴插图。 我在jQuery中完成了这个…现在我想让它在angularjs中工作! 我的第一次尝试是使用带有正则表达式的自定义filter,该filter将带有工具提示属性的“a”标记插入到适当位置的段落中。 新的标记出现了,但似乎没有被angularjs“看到”(不太确定术语,但我认为它没有“绑定”??)。 这是jsfiddle上说明的问题: http://jsfiddle.net/petersg5/pF33a/2/ (1)输出中的第一行在“foo”上有一个工作工具提示……它只是在标记中直接有工具提示属性。 生成的html: foo (2)第二行使用ng-bind-html,并且具有属性,但不是工作工具提示。 生成的html: foo (3)第三行使用filter,并具有属性,但不是工作工具提示。 生成的html: foo 我的主要问题是……如何解决我上面描述的任务? 次要问题是关于理解上述3个例子中的每个例子。 我注意到(1)中的直接输出在生成的标记中有角度插入的“ng-scope”类。 另外两个缺少这个,但确实在父p标签中插入了ng-binding类。 不知道这里发生了什么,但我认为这与我的问题有关。 我有一种感觉,解决方案可能涉及指令,但我不确定如何将该指令应用于现有文本(即标记中已有的ap标记)。 谢谢! 编辑:更新jsfiddle以更准确地反映问题(输出中的第四行)

ui.boostrap手风琴容器宽度问题

这个PLUNKER REFERS 我在ui.bootstrap手风琴中使用ng-Grid时遇到了问题。 看看我的Plunker,看看问题在于什么。 基本上,当在初始页面加载时关闭子手风琴组的手风琴中放置网格时,网格的宽度为零并且不显示。 任何人都可以通过调整CSS类或捕获accordion-group事件并重新渲染网格来指明我解决这个问题的方向吗? 我一直在用这个圈子跑来跑去! 编辑:道歉,普兰克现在公开!