How to use it?

Add idialog module to your application. For example:

angular.module('my-cool-app', ['idialog']);

Animations support?

Just include angular-animation and animate.css to your page:

<link rel="stylesheet" href="//"/>
<script src=""></script>

And do not forget to add `ngAnimate` to you application:

angular.module('example', ['idialog', 'ngAnimate'])

By default iDialog uses `zoomOutUp` and `zoomInUp` animations from animate.css, but you can overwrite it., {-webkit-animation:zoomInUp 1s; animation:zoomInUp 1s;} {display:block !important;} {-webkit-animation:zoomOutUp 1s; animation:zoomOutUp 1s;}

Want to see it!

Since 0.2 iDialog supports events. Where is it?

Click this link, please.

Can i use in inside JS?

You can use idialog inside angular directives. Include $idialog service to your directive and use it:

angular.module('my-cool-app', ['idialog'])
    .directive('example', ['$idialog', function($idialog) {
        return {
            restrict: 'A',
            link: function() {

Service signature:

$dialog(templateName, {'class':'dialog-window-css-class', dialogId:'dialog-id-for-events})

How to change default window template?

In your module put the template into a $templateCache. Example:

angular.module('my-cool-app', ['idialog'])
    .run(['$templateCache', 'idialogWindowTpl', function($templateCache, idialogWindowTpl) {
        .put(idialogWindowTpl, YOUR_TEMPLATE_HERE);