javascript - 动态插入字符串到 ACE 代码编辑器,angular JS

标签 javascript xml angularjs flask code-editor

这是我使用 Angular JS 和 Flask 作为后端开发的应用。

我几乎完全遵循了 ACE 代码编辑器教程 as shown here并让那么多代码正常工作。我现在想做这样的事情:

<div id= "editor">
    {{ '{{xml_string}}' }}
</div>

其中 xml_string 是通过 $http.get 调用从后端获取的,并像这样传递到我的 Controller 内的范围。当我这样做时,我能够完整地看到 xml_string:

<p> {{'{{xml_string}}'}} </p>

但出于某种原因,这并没有显示在代码编辑器中。

现在,我一直在使用的原因:

{{ '{{xml_string}}' }} 

代替:

{{xml_string}}

是因为 angular 的语法和 flask/jinja 的语法之间存在冲突。我认为这不是问题。有人对如何做这样的事情有建议吗?如有必要,我可以发布更多代码,但我希望这足以描述问题。

最佳答案

您需要将代码加载到 ACE 中,因为 ACE 很可能不会监视 DOM 的更改 - 相反,请使用 editor.getSession().setValue(yourtext) (editor.setValue(yourText, -1) 也可以,但它会在撤消历史记录中留下条目)

关于javascript - 动态插入字符串到 ACE 代码编辑器,angular JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23639523/

相关文章:

Javascript 和 for 循环不起作用

Python 配置文件生成器

javascript - AngularJS/javascript javascript 对象的特殊排序顺序

javascript - JavaScript 中的图像加载是如何工作的?

javascript - 读取多个文件 cotent 的 React JS

xml - 我如何使用 cxml-stp 的 find-recursively 和 find-recursively-if

java - 如何将本地 DTD 文件的验证应用于 java 中的 xml 文件?

javascript - 在我的 Angular 模板中使用 &lt;style scoped>

javascript - Angular UI - 模态高度相对于窗口高度

javascript - 如何匹配前瞻表达式中的行首和空格