防止AngularJS编译元素的内容

前端之家收集整理的这篇文章主要介绍了防止AngularJS编译元素的内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法告诉Angular不编译某些元素的内容

使用案例:

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

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

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

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

解决方法

在元素上使用 ng-non-bindable directive

The ngNonBindable directive tells Angular not to compile or bind the
contents of the current DOM element. This is useful if the element
contains what appears to be Angular directives and bindings but which
should be ignored by Angular.

或者使用你自己的指令和terminal:true属性来更好地匹配布局,因为它是the only thing that ng-non-bindable directive does.

猜你在找的Angularjs相关文章