chore: update readme for animations

README.md

@@ -19,6 +19,8 @@ bower install angular-modal
 
 [Plunker demo](http://plnkr.co/edit/lJDNqafSCKdpMI8AjR0B?p=preview)
 
+[Plunker demo (with animations)](http://plnkr.co/edit/EymZrEhiWa4zvXiA37qL?p=preview)
+
 ### Typical Use
 
 > app.js
@@ -63,6 +65,41 @@ controller('MyCtrl', function (myModal) {
 </div>
 ```
 
+### Animations
+
+With Angular 1.2, ngAnimate needs to be loaded as a separate module and injected as a dependency. Upon modal ```activate``` and ```deactivate```, animation css classes are automatically added to the element.
+
+> app.js
+
+```javascript
+angular.module('myApp', ['btford.modal', 'ngAnimate']).
+// ...
+```
+
+> modal.css
+
+```css
+// ...
+.btf-modal.ng-enter {
+  transition: 1s linear all;
+  opacity: 0;
+}
+.btf-modal.ng-enter.ng-enter-active {
+  opacity: 1;
+}
+.btf-modal.ng-leave {
+  transition: 1s linear all;
+  opacity: 1;
+}
+.btf-modal.ng-leave.ng-leave-active {
+  transition: 1s linear all;
+  opacity: 0;
+}
+```
+
+**Note:** the container in which the element is attached to must be under ng-app where ngAnimate is injected.
+
+
 ### Cleaning up
 
 If you add any listeners within the modal's controller that are **outside the modal's `scope`**,

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-modal",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "main": "modal.js",
   "ignore": [
     "**/.*",

modal.js

@@ -46,9 +46,8 @@ factory('btfModal', function ($animate, $compile, $rootScope, $controller, $q, $
     function attach (html, locals) {
       element = angular.element(html);
       if (element.length === 0) {
-        throw new Error('The template contains no elements; you need to wrap text nodes')
+        throw new Error('The template contains no elements; you need to wrap text nodes');
       }
-      $animate.enter(element, container);
       scope = $rootScope.$new();
       if (locals) {
         for (var prop in locals) {
@@ -59,7 +58,8 @@ factory('btfModal', function ($animate, $compile, $rootScope, $controller, $q, $
       if (controllerAs) {
         scope[controllerAs] = ctrl;
       }
-      $compile(element)(scope);
+      $compile(element)(scope)
+      $animate.enter(element, container);
     }
 
     function deactivate () {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-modal",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "easily add a modal to your angular app",
   "main": "modal.js",
   "scripts": {