Angular 动画 (二)

一 :
card的动画

image.png
image.png

并在组件里面导入

image.png

并写入 监听的事件

image.png

因为我们需要给整体的card 组件添加一个动画的效果 所以这里需要我们 在组件的父组件里面写上动画的引用

image.png

二 :
如果我们想要在一个组件的局部显示出来动画的效果我们应该用下面的方法进行动画的展示
加入我们现在需要一个列表项有一个动画的效果 我们首先要定义这个动画的类文件
第一步 :
item的动画


image.png

我们在 card 的 item组件里面声明
第二步

image.png

第三步

image.png
image.png

第四步

image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,676评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,301评论 4 61
  • 文 | 玥茗瑆茜 月儿圆 垂挂天边 星儿稀 缀于辽幕 人儿归 源自乡情 月星人 欢聚一堂 景与情 遍布九州 欢庆这...
    玥茗瑆茜阅读 267评论 0 0
  • 睡意朦胧中,听到楼下孩子的练琴声,“我的天,儿子去幼儿园要迟到了呀!”每天都是我们醒后才有的练琴声,今天怎么提前了...
    娴静雅之阅读 109评论 0 0
  • 导语:PDCA即计划——PLAN、实施——DO、检查——CHECK、处理——ACTION,这四个单词的第一个字母。...
    燕尾无声阅读 1,763评论 0 1