SMIL animation on SVG ng-repeat'ed element only occurs on page load
问题 I'm generating some <rect> s with <animate> children using the ng-repeat directive. On page load the animations are correctly triggered and everything happens as expected. However, when I add a new <rect> the animation does not occur. The following code snippet demonstrates this behaviour: function Controller($scope) { $scope.rects = []; var spacing = 5; var width = 10; var height = 100; var x = 10; var y = 10; $scope.newRect = function() { $scope.rects.push({ x: x, y: y, width: width, height