javascript - 无法使用 angular-ui-ace 嵌入 ACE 编辑器 "ui-ace need ace to work"错误

Question

我正在尝试嵌入 ACE editor elements进入我的 AngularJS 项目，以便在其中允许 JSON 编辑功能。以下是到目前为止的所有配置/设置:

Bower.json

"dependencies": {
  "angular-ui-ace": "v0.2.3"
}

模块依赖

angular.module('myApp', ['ui.ace']);

Controller 中的 ACE 设置

$scope.ace_options = {
  useWrapMode : false,
  showGutter: true,
  mode: 'json',
  onLoad: function() {
    console.log('onLoad fired.');
  },
  onChange: function() {
    console.log('onChange fired.');
  }
};

HTML

<div id="editor" ui-ace="ace_options" ng-model="myJson" style="height: 400px"></div>

但是我总是得到以下错误:

"message": "Error: ui-ace need ace to work... (o rly?)",

我做错了什么或者我错过了什么？

Answer 1

使用 Bower 获取脚本后，请确保将它们包含在您的应用程序中。以下是 Ace UI docs 中提供的脚本顺序.

<script type="text/javascript" src="bower_components/ace-builds/src-min-noconflict/ace.js"></script>
<script type="text/javascript" src="bower_components/angular/angular.js"></script>
<script type="text/javascript" src="bower_components/angular-ui-ace/ui-ace.js"></script>