Ace editor in Angular 2 and Autocomplete

[Eden Shalom]

Hi all,

I'm trying to set up an ace editor as an Angular2 component and it works pretty well. 

The issue I have is with Autocomplete. I need my ace to respond on autocomplete hitting dot (.)

It used to work for me by adding the following code: 

editor.commands.on("afterExec", function(e){ 

     if (e.command.name == "insertstring"&&/^[\w.]$/.test(e.args)) { 

         editor.execCommand("startAutocomplete") 

     } 

})

But doing similar with angular class I'm getting the this.editor undefined executing this.editor.execCommand("startAutocomplete") 

if (e.command.name == "insertstring"&&/^[\w.]$/.test(e.args)) {

                  this.editor.execCommand("startAutocomplete");

           } 

       }) 

Any idea of how can I solve this?

And insight, advice, or guidance would be greatly appreciated. Thanks!!!

My sample code: 

plnkr.co/edit/c78yKIqrVSgkKKL00OS2?p=preview

[Harutyun Amirjanyan]

try using

     editor.commands.on("afterExec", function(e, editor) { 

[Eden Shalom]

Thank you Harutyun!

figured this out, it should be:

this.editor.commands.on("afterExec", function(e){
   if (e.command.name == "insertstring"&&/^[\w.]$/.test(e.args)) {
       e.editor.execCommand("startAutocomplete");
   }
})

[ajo john]

Can I know how did you enable the auto completion in ace editor.