Angularjs 角度应用程序动画不适用于ng repeat和bootstrap面板

我正在尝试使用angular的

ngAnimate

指令，但它不起作用，也没有显示任何问题

我几乎什么都试过了，但没有成功。。 “我的代码”的链接是：

//代码在这里
var ngTodo=angular.module（'ngTodo'，['ngAnimate'，'ngStorage']）；
ngTodo.controller（'mainController'，函数（$scope，$localStorage）{
$scope.todoArray=[]；
if（$localStorage.todoArray==未定义）{
$localStorage.todoArray=$scope.todoArray；
}
否则{
$scope.todoArray=$localStorage.todoArray；
}
$scope.addTodo=函数（newTodo）{
$scope.todoArray.splice（0,0，{title:newTodo.name，details:newTodo.details}）；
$localStorage.todoArray=$scope.todoArray；
}
$scope.removeTodo=函数（索引）{
$scope.todoArray.splice（索引1）；
$localStorage.todoArray=$scope.todoArray；
}
});
/*样式在这里*/
正文，html{
身高：100%；
}
身体{
字体系列：无衬线；
线高：1.428；
字体大小：14px；
背景图像：url（../../images/bg image.jpg）；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
/*导航栏顶部样式从这里开始*/
input.search-todo-list{
边缘顶部：20px；
}
.导航条固定顶部{
背景色：#80bff；
}
/*导航栏顶部样式到此结束*/
/*内容部分从这里开始*/
.内容{
利润上限：64px；
边缘底部：50px；
}
.清空待办事项列表消息{
高度：200px；
边缘顶部：30px；
文本对齐：居中；
}
.待办事项{
边缘顶部：10px；
}
.小组标题，
.面板页脚{
填充物：5px 5px；
}
.小组委员会{
填充：7px；
}
.panel默认值>.panel标题，
.小组委员会，
.面板页脚{
背景颜色：黄色；
}
/*内容部分从这里开始*/
/*导航栏底部样式从这里开始*/
.导航条固定底部输入{
宽度：100%；
右边距：20px；
}
.导航条固定底部输入，
钮扣{
边缘顶部：10px；
}
.导航条固定底部{
背景色：#80bff；
}
/*导航栏底部样式在此结束*/
/*动画样式*/
.move-animation.ng-move{
过渡：1.75s；
不透明度：0；
}
.move-animation.ng-move.ng-move-active{
不透明度：1；
}

今天的待办事项清单
您的待办事项列表为空
{{todo.title+”：“}}
{{todo.details}}
删除
添加待办事项
您现在能帮我解决一些小问题吗-ꜰʀᴏᴍ ʀᴇᴠɪᴇᴡ你的代码在做什么？你期望它做什么？现在还不清楚“它不起作用”是什么意思。