条件指令

时间:2014-03-28 10:14:07

标签: angularjs angularjs-directive angular-ui-bootstrap

根据一个指令逻辑,我希望有条件地将另一个指令添加到SAME元素。

例如:

  • 我使用第三方angular.bootstrap.tooltip指令
  • 仅在满足某些条件时添加工具提示
  • 如果没有必要,请不要初始化工具提示指令

我想仅在满足条件时动态添加工具提示(或任何其他指令)。

  1. Here is a first attempt
  2. and second with $compile/priority/terminal
  3. 有没有比使用$ compile更好的方法?

    Here is original Angular group discussion

2 个答案:

答案 0 :(得分:0)

我会选择第一个。它看起来比第二个简单得多。除非有充分的理由这样做。作为一个局外人,第一个指令对我来说很容易理解,而第二个指令则需要更多的时间来解决这个问题。

只有在以后遇到麻烦时,您才能重新考虑您的解决方案。但是,为什么现在没有理由担心呢?

答案 1 :(得分:0)

我认为terminal选项很理想,可以解决您的问题。如果设置为true,则当前优先级将是将在元素上执行的最后一组指令。

演示:http://jsfiddle.net/codef0rmer/aNCY3/