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

Question

我想显示一个如何使用指令的代码片段。 但是，该指令存在于此应用程序中，所以当我有

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

我正在使用highlight.js ，但是angular并不太在乎，并将指令应用于bar-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('')