位置: 编程技术 - 正文

angular2系列之路由转场动画的示例代码(angularjs2)

编辑:rootadmin

推荐整理分享angular2系列之路由转场动画的示例代码(angularjs2),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:angular2中国,angular2中国,angularjs2,angular2中国,angularjs2,angular2菜鸟教程,angular 2,angular2教程,内容如对您有帮助,希望把文章链接给更多的朋友!

Angular2的动画系统赋予了制作各种动画效果的能力,致力于构建出与原生CSS动画性能相同的动画。

Angular2的动画主要是和@Component结合在了一起。

animations元数据属性在定义@Component装饰。就像template元数据属性!这样就可以让动画逻辑与其应用代码紧紧集成在一起,这让动画可以更容易的出发与控制。

一.在app.mudule.ts中引入:

angular2系列之路由转场动画的示例代码(angularjs2)

并在@NgModule中的imports添加:

二.创建文件定义名为animations.ts用来书写转场动画

三.在需要添加转场动画的页面操作

引入import {HostBinding } from '@angular/core';(如果引入过直接将HostBinding添加进去就好,不要重复引入,多嘴了...)

再引入你写好的动画模板:import { slideInDownAnimation } from '../animation';

在@Component中添加:animations:[slideInDownAnimation],

最后:

四.至此你可以去浏览器看看效果了,如果没有错误

标签: angularjs2

本文链接地址:https://www.jiuchutong.com/biancheng/377360.html 转载请保留说明!

上一篇:基于vue配置axios的方法步骤(vue配置api)

下一篇:深入理解Vue 单向数据流的原理(如何理解vue)

  • 增值税专用发票有效期是多长时间
  • 递延所得税资产怎么计算
  • 在建工程转固定资产需要交税吗
  • 人工费怎么入账
  • 社保局的员工是公务员吗
  • 申报从租计征的房产税必须提前备案吗
  • 营改增税负分析测算明细表一般由谁填写
  • 企业所得税汇算清缴申报表
  • 不是单位职工个税怎么算
  • 事业单位购入存货分录
  • 异地设立分公司可以独立核算吗
  • 成本核算会计科目包括
  • 个税返还交所得税吗
  • 前三季度盈利第四季度亏损 所得税记账
  • 投标报价里税金和税率是一个吗
  • 个体户一个月开票30万怎么上税
  • 汇算清缴补交需要调报表吗
  • 代收房租费
  • 偿还借款利息是现金流量什么项目
  • 删除打印机如何添加
  • 怎么租办公室省钱
  • 工会经费是不是应付职工薪酬
  • 物业公司成本结转方案
  • 配置path环境变量
  • 如何删除文档中多余的页
  • php可变参数
  • adb命令linux命令的区别
  • PHP:Memcached::getMultiByKey()的用法_Memcached类
  • 外企借款投资利息高吗
  • 企业固定资产有哪些
  • 固定资产加速折旧计算方法
  • 日出的时候是圣诞节
  • 纳库鲁的念能力
  • 一般纳税人未取得增值税专用发票怎么处理
  • php匿名函数和回调函数
  • 公司账户转法人账户
  • 微信红包的随机性
  • 会计报表逾期未申报
  • 条码续展费用
  • python time. time
  • 使用二氧化碳灭火器时人应该站在什么位置
  • mongodb开启
  • 红字发票是可以抵扣吗
  • 框架合同的印花税
  • 申报方式选哪个?
  • 高新企业奖励金怎么开票
  • 利润减负债
  • 个人名义开工程发票税率是多少
  • 生产企业购进的生产原材料用来装修公司会计处理
  • 进项抵扣怎么操作
  • 会计学材料成本差异
  • 存货周转率越高好还是越低好
  • 未确认融资费用是什么类科目
  • 委托加工物资加工费的增值税计入成本吗
  • 其他应收款项
  • 契税发票错了能作废吗
  • 公司想自己开发票怎么申请
  • 工业企业外购材料物资的成本包括
  • mysql预编译原理
  • Centos7 下Mysql5.7.19安装教程详解
  • sql server的主数据库是( )
  • linux的压缩包
  • freebsd 配置ip
  • jucheck.exe是什么
  • 怎么自己制作diy
  • pps是什么文件
  • window8怎么样
  • win10更新后安装包会自动删除吗
  • win8系统摄像头在哪里打开
  • linux的web服务器
  • win10正式版声音不正常
  • uploadify文件上传
  • 用python编写程序
  • python自动化处理
  • unity3d官方案例
  • vuex状态机
  • javascript怎么做
  • 原始凭证审核会计科目吗
  • 江苏税务社保缴纳查询缴费记录
  • 百旺金赋天津客服
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设