我正在学习Angular，我尝试（仅用于学习目的）在已经存在的公共项目中添加Angular，是一个用于比较产品的单页应用程序，动画非常酷！
产品直接在html代码中，我添加了firebase，用我的firebase url中的东西填充网格，这部分没问题。
我使用ng-repeat在firebase中循环进入我的对象并且它可以工作，但是动画不起作用，我让原始产品和来自firebase的产品进行验证，原始产品中的动画完美地工作，我的对象来自firebase包含在网格中，但动画仍无法正常工作。
您可以找到详细信息的原始项目是：http://tympanus.net/Blueprints/ProductComparison/
我的控制器很基本：
angular.module('todoAp', ['firebase'])
.controller('ControladorTareas', function($scope, $firebaseArray) {
var url = 'https://<my url>/';
var refLibros = new Firebase(url);
$scope.libros = $firebaseArray(refLibros.orderByChild("estatus").equalTo("disponible"));
});
我看到来自firebase的对象在页面加载后几秒钟呈现，也许这就是问题，但我不知道如何在这个项目中添加Angularjs和Firebase，而firebase返回的对象采用这个动画
以下是图片：
这是原始项目： 这是您选择产品的原始动画1和边框颜色的变化，在屏幕顶部会出现一个带有“比较”按钮的小部分 这是第二个动画，当你选择两个元素时点击“比较”，这会发生一个很酷的动画：
这是我在原始网格中靠近原始元素的firebase中的两个对象：
当我尝试使用我的对象进行“比较”过程时不要移动并且边框颜色也不会改变，实际上没有出现带有比较按钮的小部分。
请提前帮助我了解在此项目中添加Angular和Firebase的方法。