Javascript 如何使用ng include设置ag网格容器的动画？

我正在使用

ng include

在我的Angular应用程序中动态加载模板。我的一个模板有ag网格。我正在使用一个简单的淡入淡出角度动画，所有其他模板都使用

ng iclude

进行动画制作，但没有使用ag网格的模板。下面是我遇到的简化问题

如果在模板脚本中删除了

ag grid

指令（

），动画将正常工作

如何解决这个问题

agGrid.initialiseAgGridWithAngular1（角度）；
var module=angular.module（“示例”、[“agGrid”、“ngAnimate”）；
模块控制器（“exampleCtrl”，函数（$scope）{
var columnDefs=[{headerName:“Make”，字段：“Make”}，
{headerName:“Model”，字段：“Model”}，
{标题名称：“价格”，字段：“价格”}
];
var rowData=[{品牌：“丰田”，型号：“Celica”，价格：35000}，
{品牌：“福特”，型号：“蒙迪欧”，价格：32000}，
{品牌：“保时捷”，型号：“Boxter”，价格：72000}
];
$scope.gridOptions={
columnDefs:columnDefs，
rowData:rowData
};
$scope.url=null；
$scope.setDlg=函数（）{
if（！$scope.url）
$scope.url='test.html'；
其他的
$scope.url=null；
}
});
#换行{
宽度：452px；
高度：200px；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
背景色：红色；
填充：25px；
}
.ag新鲜{
位置：相对位置；
身高：100%；
}
.animateStartUpScreen.ng-enter，
.animateStartUpScreen.ng-enter.model{
过渡：所有5000ms；
/*过渡延迟：1000ms*/
}
.animateStartUpScreen.ng-enter.model{
不透明度：0！重要；
}
.animateStartUpScreen.ng-enter.ng-enter-active.model{
不透明度：1！重要；
}

显示对话框
您不能使用
角度ui
或类似的方式来显示模态吗？（我猜是随动画一起提供的）@tanmay我在应用程序中使用了自定义对话框显示机制，从一开始就很难对其进行更改和测试。你不能使用
角度ui
或类似的方式来显示模态吗？（我猜是带着开箱即用的动画）@tanmay我在我的应用程序中使用了我的自定义对话框显示机制，从一开始就很难进行更改和测试。