Как добавить опцию автозаполнения в редакторе с помощью angular-ui-ace

Я использую aungular-ui-ace для создания редактора кода на моем веб-сайте. Все хорошо, но я хочу включить опцию автозаполнения. Опция {enableBasicAutocompletion: true} не работает для меня.

Мой код:

var app = angular.module('MyApp', ['ui.ace']);

app.controller('MyCtrl', function($scope){});
<head>
   <script src="/bower_components/angular/angular.js"></script>
   <script type="text/javascript" src="/bower_components/ace-builds/src-min-noconflict/ace.js"></script>
   <script type="text/javascript" src="/bower_components/angular-ui-ace/ui-ace.js"></script>
</head>  

<body ng-app="MyApp" ng-controller="MyCtrl">
  <div ui-ace="{mode: 'javascript', enableBasicAutocompletion: true}"></div>
</body>

Источник

1 ответ

Решение

См. раздел дополнительных параметров в файле readme https://github.com/angular-ui/ui-ace

var app = angular.module('MyApp', ['ui.ace']);

app.controller('MyCtrl', function($scope){});
<head>
   <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular.js"></script>-->
   <script src="http://angular-ui.github.io/ui-ace/assets/vendor/angular.min.js"></script>
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/ace.js"></script>
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/ext-language_tools.js"></script>
   <script type="text/javascript" src="http://angular-ui.github.io/ui-ace/dist/ui-ace.js"></script>
</head>  

<style>
.ace_editor  {
  height : 200px;
}
</style>

<body ng-app="MyApp" ng-controller="MyCtrl">
  <div ui-ace="{mode: 'javascript', 
   require: ['ace/ext/language_tools'],
   advanced: {
      enableSnippets: true,
      enableBasicAutocompletion: true,
      enableLiveAutocompletion: true
  }}"></div>
</body>

Источник
Другие вопросы по тегам