Initializing ace editor content using $http service

[prashant-pokhriyal]

I'm rendering content of the editor using $http service. But onLoad function is being called much before data is rendered in editor.

When I'm adding code inside $timeout service then it is working properly. Is there any way to achieve this without using $timeout service.

funciton onLoad(editor) {
 /*
 It will set the some of the lines readyonly. But because onLoad is executing much 
 before data is rendered from $http service, it does not find any lines.
 */
 set_readonly_lines(editor);
}

funciton onLoad(editor) {
 /*
 Using timeout it is working properly
 */
 $timeout(function() {
 set_readonly_lines(editor);
 }, 1);
}

[augustoeliezer]

Store the editor from onLoad in $scope.

$scope.aceLoaded = function($editor) {

 $scope.$editor = $editor;
};

$scope.onOpen = function(code, fileExtension) {
 let mode = resolveExtension(fileExtension);
 $scope.html = code;
 $scope.$editor.session.setMode('ace/mode/' + mode);
}

[prashant-pokhriyal]

Excuse me for my poor inferring, but I'm not able to get you

[augustoeliezer]

Sorry I forgot add the service

$scope.openFile = function(file) {
 //Here I prefer use factory.
 //fileFactory.openFile(file).then(fn,fn);
 $http.post('/api', file).then(function (res) {
 $scope.onOpen( res.data.content, res.data.extension)
 },angular.noop);
}