Cacher is the code snippet organizer for pro developers

let aceLoading = false;

@Directive({
  selector: '[appAce]'
})
export class AceDirective implements OnInit {

  constructor(private http: HttpClient, private host: ElementRef<HTMLElement>) {}

  ngOnInit() {
    this.waitForAce().subscribe(() => {
      window.ace.config.set('basePath', '/assets');
      this.editor = window.ace.edit(this.host.nativeElement);
    });
  }

  loadAce() {
    return this.http.get('/assets/ace.js', { responseType: 'text' });
  }
}