2016-11-07 67 views
0

我在angularjs應用程序中使用UI-codemirror進行java代碼編輯,模式設置爲'text/x-java'。現在我想使用自動完成和lint等插件。UI-codemirror插件

用於自動完成我使用keyup和onKeyUp設置選項如下,兩個事件都不會被觸發。在控制器

配置選項:

_this.editorOptions = { 
     lineWrapping: true, 
     lineNumbers: true, 
     mode: 'text/x-java', 
     smartIndent: true, 
     tabSize: 4, 
     indentWithTabs: true, 
     tabindex: 4, 
     autofocus: true, 
     addModeClass: true, 
     keyup: function (e, s) { 
      console.log("Event Keyup"); 

     }, 
     onKeyUp: function (e, s) { 
      console.log("Event Keyup"); 

     } 
    } 

指令模板:

<ui-codemirror ui-codemirror-opts="vm.editorOptions" ng-model="vm.activeQuestion.candidateAnswer"></ui-codemirror> 

哪些插件JS腳本包括哪些配置選項,這些設置的鍛鍊?

+0

你正在使用Codemirror指令嗎?如果你使用指令,那麼你的代碼是不正確的。 https://github.com/angular-ui/ui-codemirror – Bik

+0

是的,我已經在鏈接中實現了。編輯我的問題以詳細說明我的實施。 –

+0

有一個例子可以查看事件: - _editor.on(「change」,function(){...}); – Bik

回答

0

訪問編輯器;之後你可以註冊一個監聽器:

var myCodeMirror = CodeMirror.fromTextArea(myTextArea); 
myCodeMirror.on('change', function(codemirrorinstance) 
{ 
    console.log(key pressed); 
})