在AngularJS 1.X中使用Monaco Editor 1.X

Question

由於this problem，我試圖使用另一個基於JavaScript的源代碼編輯器，而不是CodeMirror和Ace，它可以與AngularJS 1.X一起使用。我當時正在調查Monaco Editor。

我可以很好地運行this sample。但我不知道如何使它與AngularJS 1.X協同工作。

例如，我要綁定ng-if，ng-model和ng-change到編輯器，以決定何時以及如何顯示，並運行一個功能，如果有任何變化。隨着ui-codemirror，我們可以用一個指令寫：

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

因此，沒有人知道是否有這樣的ui-指令摩納哥編輯器？有沒有什麼解決方法可以在角度框架內實現相同的功能？

Answer 1

我開始通過模仿ui-codemirror編寫ui-monacoeditor。它尚未完成，但適用於我有限的使用。