不能嵌入ACE编辑器"ui-ace需要ace才能工作“错误与角ui-ace

Question

我正在尝试将ACE编辑器元素嵌入到我的AngularJS项目中，以便允许JSON编辑特性。以下是到目前为止的所有配置/设置：

Bower.json

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

模块依赖性

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

控制器中的ACE设置

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

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

但是，我总是会出现以下错误：

“信息”：“错误:用户界面-王牌需要王牌才能工作.”，

我做错什么了还是我错过了什么？

Answer 1

在使用Bower获取脚本之后，请确保将它们包含在应用程序中。下面是Ace文档中提供的脚本顺序。

<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>

Answer 2

我能够通过在标题中添加CDN中的ace.js来使ui-ace工作：

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js"></script>

我使用的要求包括npm模块，但有一些小麻烦，包括ace通过需求，所以我只是手动添加它作为一个HTML标题包括。

还需要向我的ui-ace div添加一个style=“高度:400 ui；”，以使其可见。