Change the language of an existing editor

I am making a directive to help using Monaco Editor in AngularJS 1.X framework. One feature should be updating the language based on the option. But I cannot change the language.

It seems that the type of monacoeditor in my code is ICommonCodeEditor, I tried monacoeditor.updateOptions({ "language": newValues[key] }), it did nothing. I tried monacoeditor.getModel().updateOptions({ "language": newValues[key] }), it did nothing either. I tried also monacoeditor.setModelLanguage(monacoeditor.getModel(), newValues[key]), it gave an error TypeError: monacoeditor.setModelLanguage is not a function.

Note that it is not the problem of the directive, because it works well to change options like lineNumbers.

Could anyone help?

[rebornix]

@SoftTimur from you snippet, it seems you create the editor from string (if you create a model first then my previous comment answers your question IMO). setModelLanguage is a function we exposed in module monaco.editor, it’s not a method of the editor object. So in your case, you can do

var model = monacoeditor.getModel(); // we'll create a model for you if the editor created from string value.
monaco.editor.setModelLanguage(model, "javascript")

Hope this helps you out, if it still doesn’t solve it, I’ll reopen this issue. BTW, you may want to refer monaco.d.ts file for typings reference.

[rebornix]

monaco.editor.setModelLanguage works as expected. Please make sure you are setting language names correctly.