angularjs：如何禁用特定元素的指令

Question

我想显示如何使用指令的代码片段。然而，该指令存在于这个应用程序，所以当我有

<pre> 
    <code> 
     <bar-foo>bar foo</bar-foo> 
    </code> 
</pre> 

我使用 highlight.js

，但角度不太喜欢和适用该指令于条FOO元素。我如何禁用该特定元素的指令？

Answer 1

你是寻找ng-non-bindable：

<pre ng-non-bindable> 
    <code> 
     <bar-foo>bar foo</bar-foo> 
    </code> 
</pre> 

Answer 2

我想给<bar-foo>添加一个属性，如<bar-foo data-is-disabled="{{true}}" >。在该指令我想补充的link方法的顶部：

if ($scope.$eval(attrs.isDisabled)) return ;` 

如果我需要确保返回之前清除可能的所有内容，我可以这样做：

element.replaceWith('')