fix(popover): make it work with ngAnimate

Closes #3482
Fixes #3375

Author: chrisirhc

Diff for: src/tooltip/tooltip.js

@@ -421,6 +421,27 @@ function ($animate ,  $sce ,  $compile ,  $templateRequest) {
   };
 }])
 
+// Apply animate class without animating itself
+.directive('tooltipAnimateClass', function () {
+  return {
+    restrict: 'A',
+    link: function (scope, element, attrs) {
+      if (scope.animation()) {
+        element.addClass(attrs.tooltipAnimateClass);
+      }
+    }
+  };
+})
+
+.directive('tooltipPlacementClass', function () {
+  return {
+    restrict: 'A',
+    link: function (scope, element, attrs) {
+      element.addClass(scope.placement);
+    }
+  };
+})
+
 .directive( 'tooltipPopup', function () {
   return {
     restrict: 'EA',

Diff for: template/popover/popover-template.html

@@ -1,4 +1,7 @@
-<div class="popover {{placement}}" ng-class="{ in: isOpen(), fade: animation() }">
+<div class="popover"
+  tooltip-placement-class
+  tooltip-animate-class="fade"
+  ng-class="{ in: isOpen() }">
   <div class="arrow"></div>
 
   <div class="popover-inner">

Diff for: template/popover/popover.html

@@ -1,4 +1,7 @@
-<div class="popover {{placement}}" ng-class="{ in: isOpen(), fade: animation() }">
+<div class="popover"
+  tooltip-placement-class
+  tooltip-animate-class="fade"
+  ng-class="{ in: isOpen() }">
   <div class="arrow"></div>
 
   <div class="popover-inner">