防止AngularJS编译元素的内容

Question

有没有办法告诉Angular不编译某些元素的内容？

使用案例:

Angular CMS包含附加CKEditor的textarea元素.CKEditor使用divarea插件而不是默认的iframe插件.textareas包含HTML模板.这些模板按需导出并提供给Angular Web应用程序.

模板很简单:纯文本,有序列表,在纯文本上应用的临时预定义类属性; 但纯文本可以包含Angular webapp插入的占位符.我不想让CMS中的Angular插入这些内容.

目前我的问题是CMS中的Angular会插入这些占位符,并且由于它们不引用任何内容,因此将它们删除.我宁愿不只是将分隔符更改为'{[',']}',因为虽然这可能会在短期内解决这个问题,但随着项目的进行,指令和文本复制碰撞的可能性会增加,我希望避免它.

是否有任何指令或其他方式告诉Angular远离特殊标记元素的内容？

Answer 1

对元素使用ng-non-bindable指令:

ngNonBindable指令告诉Angular不要编译或绑定当前DOM元素的内容.如果元素包含似乎是Angular指令和绑定但Angular应该忽略的内容,这将非常有用.

或者使用你自己的terminal: true属性指令来更好地匹配布局,因为它是指令唯一做的事情ng-non-bindable.