让 Angular 应用动起来!
【推荐阅读】微服务还能火多久?>>> 【编者按】本文主要通过生动的实例,介绍为 Angular 应用添加动画的原理与过程。文章系国内 ITOM 管理平台 OneAPM 编译呈现。 我们知道,Angular 应用在更新 DOM 时,会直接将元素转储为视图而没有过渡,其默认的 用户体验 并不和谐。 不过,好消息是,Angular 附带了对动画的大力支持;当然,坏消息是它可能和预期效果有所出入。Angular 并不能制作动画,但是为用户的自定义动画提供了许多组件。 ##理解 $animate 和 ngAnimate 模块 在非 Angular Java script 应用中更新 DOM 时, 程序员 会无意识地在动画中加入自定义成分;但是,在 Angular 应用中,经常会使用内置指令,而不是在DOM上直接更改。 因此,开发者要怎么做呢? 如果不使用 Angular,怎样将动画添加到Web应用中呢? 你需要: 定义动画开始和结束的风格; 添加或更改某个元素,并将其设置为起始风格; 设置动画的结束风格; 通常,你会使用Javascript或CSS来完成以上步骤。 当往 Angular 应用添加动画时,当然也要遵循这个模式,但是却以 Angular 特有的方式——动画代码完全从指令代码分离出来。 这是很好的方法 Angular 的内置指令是预先为动画设定的。这就意味着,你可以使用许多通过