angular-ace

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