删除元素时的angularJS通知
我正在创建一个新的指令,不知道从DOM中删除元素时如何得到通知。删除元素时的angularJS通知,angularjs,Angularjs,我正在创建一个新的指令,不知道从DOM中删除元素时如何得到通知。 我的目标是在删除元素时添加jquery动画。如果您试图为删除元素设置动画,则需要在删除元素之前执行此操作 我已经创建了一个演示这个的程序 在第一节中,您将听到$destroy事件,该事件将调用从DOM中删除的元素 在第二种情况下,我创建了一个指令,可以自动淡出并删除元素 在第三种情况下,指令只是淡出元素,并且移除传递给控制器 如果要淡出已删除的元素,则不能使用第一个选项 在第二个和第三个之间,我个人建议使用第三个,因为它更灵活。I
我的目标是在删除元素时添加jquery动画。如果您试图为删除元素设置动画,则需要在删除元素之前执行此操作 我已经创建了一个演示这个的程序 在第一节中,您将听到
$destroy
事件,该事件将调用从DOM中删除的元素
在第二种情况下,我创建了一个指令,可以自动淡出并删除元素
在第三种情况下,指令只是淡出元素,并且移除传递给控制器
如果要淡出已删除的元素,则不能使用第一个选项
在第二个和第三个之间,我个人建议使用第三个,因为它更灵活。IE8有什么问题?如果应用程序甚至不呈现中继器,可能是因为我没有在示例中添加“class='ng-app'”,答案的问题在于依赖于绑定到元素的click for remove函数。我认为,为了使指令在不干扰控制器/ui逻辑的情况下工作,当元素实际从列表变量中移除时,应该直接触发淡出。我试图将淡入淡出代码放入$destroy事件中,但是由于在数组列表中的拼接操作之后立即删除元素,淡入淡出动画没有时间继续。上述解决方案有何改进?“如果要淡出已删除的元素,则不能使用第一个选项。”。对于淡出,请使用选项2或3。JSFIDLE中有一个小错误,请参见此处更新的错误:第13行
$(element).parent().fadeOut(1000,function()){
元素
不需要包装在选择器中,因为您已经包含了jQuery库,但是您需要确保在Angular之前加载了它,以便Angular可以拾取它。