如何使用角度$動畫與動態計算更改CSS樣式

Question

我想創建一個指令，將動畫元素的高度。 問題是我正在計算基於數據的元素的高度，所以我無法預先創建一個類，我將添加動畫。

我需要height屬性不同的值，每次

這是我目前的指令添加：

.directive('graph', ['$document', '$animate', function ($document, $animate) { 
    return { 
     restrict: 'A', 
     link: function (scope, element, attributes) { 

      var newClass = {height: attributes['height']} 

      $animate.addClass(element, newClass); 

     } 
    }; 
}]); 

但是這是行不通的。應該是什麼解決方案？

如果我將改用什麼：

element.css({height: newClass}); 

這會工作，但那麼爲什麼我有$生命的服務，如果我能做到這一點，因爲這是簡單嗎？

Answer 1

試試這個：

jQuery(element).animate({height: "-=" + value + "px"}, function() {...});