防止AngularJS编译元素的内容

发布时间：2020-12-17 17:21:51 所属栏目：安全来源：网络整理

导读：有没有办法告诉Angular不编译某些元素的内容？使用案例： Angular CMS包含附加了CKEditor的textarea元素. CKEditor使用divarea插件而不是默认的iframe插件. textareas包含HTML模板.这些模板按需导出并提供给Angular Web应用程序. 模板很简单：纯文本,有序列

有没有办法告诉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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!