当前位置:AngularJS API / ng / 服务(service) / $animate
$animate
$animate服务提供了基本的DOM操作功能如在DOM里插入、移除和移动元素,以及添加和删除类。这个服务是ngAnimate的核心服务,为CSS和Javascript提供了高档次的动画。
$animate在Angular核心都是有效的,无论如何,这个服务为了支持所有动画须包含ngAnimate模块。否则,$animate只能做简单的DOM操作。
在DOM中,将一个元素插入到元素后面或作为第一个子元素插入父元素。一旦完成,done()将会被回调(如果done()存在)。
参数 | 类型 | 描述 |
---|---|---|
element | DOMElement |
被插入到DOM的元素。 |
parent | string |
将会被插入子元素的父元素。(如果下一个元素不存在)。 |
after | string |
后面插入元素的兄弟元素。 |
done | object |
当元素被插入DOM后执行的回调函数。 |
从DOM中移除元素。一旦完成,done()将会被调用(如果done()存在)。
参数 | 类型 | 描述 |
---|---|---|
element | DOMElement |
将会被从DOM中移除的元素。 |
done | object |
当元素被从DOM删除后执行的回调函数。 |
将提供的元素在DOM中移动位置,在父元素的内部或者兄弟元素之间。一旦完成,该done()将会被回调(如果done()存在)
参数 | 类型 | 描述 |
---|---|---|
element | DOMElement |
在DOM中被移动的元素。 |
parent | string |
将会被插入子元素的父元素。(如果下一个元素不存在)。 |
after | string |
后面被放置元素的兄弟元素。 |
done | object |
当元素在DOM中被移动后执行的回调函数。 |
给提供的元素添加提供的CSS类名。一旦完成,done()将会被调用(如果done()存在)。
参数 | 类型 | 描述 |
---|---|---|
element | DOMElement |
将会被添加class名称的元素。 |
className | string |
将会被提供的css类。 |
done | object |
当css类被添加到元素中后执行的回调函数。 |
给提供的元素移除提供的CSS类名。一旦完成,done()将会被调用(如果done()存在)。
参数 | 类型 | 描述 |
---|---|---|
element | DOMElement |
将会被移除class名称的元素。 |
className | string |
将会被移除的css类。 |
done | object |
当css类被从元素中移除后执行的回调函数。 |
在元素中添加或者移除给定的css类名。一旦完成,done()将会被调用(如果done()存在)。
参数 | 类型 | 描述 |
---|---|---|
element | DOMElement |
被设置CSS类的元素。 |
add | string |
将会被添加到元素的CSS类。 |
remove | string |
将会从元素上移除的CSS类。 |
done | object |
当元素中的css类被设置后执行的回调函数。 |