angular-ace-directive

usage

include

	<script src="./node_modules/angular-ace/dist/angular-ace.js"></script>

or

	<script src="./node_modules/angular-ace/dist/angular-ace.min.js"></script>

include 'angular.ace' as dependecy in your module declaration

	(function(){
		angular
			.module('my.application.module',['angular.ace'])
	   ......
	})();

use the directive

	<div ace-editor ace-config="{setTheme:'monokay',setMode:'ace/mode/javascript'}"></div>

Optionals

$ace provider returns the ace namespace

with shortcuts :

• themes shortcut for ace.require("ace/ext/modelist").themes

• modes shortcut for ace.require("ace/ext/themelist").modes

Note : you might need to style

[ace-editor]{
	min-height:??px;
	min-width:??px;
}