【问题标题】:AngularJS Directive not rendering ui-bootstrap attributeAngularJS 指令不呈现 ui-bootstrap 属性
【发布时间】:2013-08-13 20:35:17
【问题描述】:

我有一个围绕第 3 方网格库的角度指令包装器:Slickgrid。对于某些单元格,我想使用 ui-bootstrap 工具提示指令,因此我将工具提示属性添加到这些单元格。当我检查有问题的元素时:

<div class="slick-cell l0 r0 active" tooltip-placement="right" tooltip-trigger="mouseenter" tooltip="TOOLTIP">...</div>

但我从来没有看到正在渲染的工具提示。如果我将工具提示属性放在 HTML 文件中的另一个指令上,它就可以工作。所以我已经验证了所有依赖项都已经到位并且工具提示应该可以工作。

Angular 没有检测到 slickgrid 吐出的 html 上的 ui-bootstrap 属性是否有原因?

【问题讨论】:

  • 你注入了 'ui-bootstrap' 吗?
  • 是的,指令所属的模块定义包含'ui-bootstrap'。
  • 好的,你能创建一个jsfiddle吗?

标签: angularjs angularjs-directive slickgrid


【解决方案1】:

听起来像是一个优先问题,这里是长版本的指令文档。

优先级 - 当在单个 DOM 元素上定义了多个指令时,有时需要指定应用指令的顺序。优先级用于在调用编译函数之前对指令进行排序。优先级被定义为一个数字。首先编译具有更高数值优先级的指令。具有相同优先级的指令的顺序是未定义的。默认优先级为 0。

【讨论】:

  • 您的评论让我朝着正确的方向前进。我还必须重新编译被修改的节点。因此,一旦我 $compile(element) 并设置了更高的优先级,一切都会按预期进行。
猜你喜欢
  • 1970-01-01
  • 2013-08-19
  • 1970-01-01
  • 1970-01-01
  • 2017-01-03
  • 1970-01-01
  • 2013-04-10
  • 1970-01-01
  • 2016-01-07
相关资源
最近更新 更多