javascript - 在 AngularJS 1.X 中使用 Monaco 编辑器

标签 javascript angularjs angularjs-directive monaco-editor ui-codemirror

因为this problem ,我正在尝试使用 CodeMirror 和 Ace 之外的另一种基于 JavaScript 的源编辑器,它可以与 AngularJS 1.X 一起使用。然后我正在调查Monaco Editor .

我跑得很好this sample 。但我不知道如何让它与 AngularJS 1.X 一起工作。

例如,我想将 ng-ifng-modelng-change 绑定(bind)到编辑器,以决定何时和显示什么,并在有任何变化时运行函数。与ui-codemirror ,我们可以用指令编写:

<textarea ng-if="condition" ng-change="change(content)" ng-model="content" ui-codemirror="{ mode: 'application/json' }"></textarea>

那么有谁知道 Monaco Editor 是否有这样的 ui- 指令?是否有任何解决方法可以在 Angular 框架内实现相同的目标?

最佳答案

我开始写ui-monacoeditor通过模仿 ui-codemirror。它尚未完成,但适用于我的有限用途。

关于javascript - 在 AngularJS 1.X 中使用 Monaco 编辑器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45566277/

相关文章:

Javascript - 在文本区域中中断,但不在段落中中断

Javascript - 没有 float 的双值?

javascript - 在 Angular 中区分滑动和点击

javascript - 在 Angularjs 中执行 foreach 循环时如何保持数组顺序

javascript - Vue 对象属性不随 v-bind :class 改变

angularjs - 带有图像或 svg 的 Angular Material md-select

javascript - 如何使用 angularjs 将动态行添加到表中

javascript - AngularJS View 未从与工厂关联的范围更新

javascript - Angular.js 和 Fabric.js : Fabric canvas changes behavior once code is moved to a Angular Directive

javascript - 如何每 x 秒刷新一次 angularjs 指令?