位置: 编程技术 - 正文

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)

  • 个体户开增值税怎么开
  • 纳税登记的内容
  • 预缴所得税年底怎么结转
  • 预收货款开票怎么做账
  • 企业所得税预缴计算方法
  • 售后回租业务是什么
  • 发放取暖补贴文件
  • 银行卡季度结息
  • 银行属于个人吗
  • 工程施工开具发票
  • 已收发票是什么意思
  • 广告业文化事业建设费2023标准
  • 财务转账一般多久到账
  • 增值税留抵退税政策解读
  • 票据状态提示付款
  • 事业单位会计凭证收入怎么记账
  • 企业职工教育经费
  • 公司开业需要怎么布置
  • 发票开出后只收到部分款怎么处理?
  • Linux Kernel 4.5在3月15日发布最终版
  • Uniapp 使用mocjk
  • 政府机关出租房屋要交税吗
  • 总部资产减值会考吗
  • 冲减应付账款如何做账
  • php soap wsdl
  • 财政专户资金是什么意思
  • php删除txt指定内容
  • 累计摊销属于什么类科目
  • 深圳杯2020c题
  • js浅拷贝和深拷贝的方法
  • 检测费可以抵扣增值税吗
  • 浏览器加域名
  • 帝国cms登录
  • sqlserver修改值
  • 接受银行承兑汇票的流程
  • sqlserver数据库事物日志已满
  • 个人所得税申请退税多久能到账
  • 将string类型数组转化成int
  • 跨月凭证怎么冲销
  • 企业的利润分配包括哪些
  • 营利性幼儿园是什么意思
  • 利润分配未分配利润是净利润吗
  • 应交税费属于什么负债
  • 企业固定资产没有加速折旧还填资产加速折旧表吗
  • 公司股东投资是什么意思
  • 多提税金的具体分录
  • 净资产越来越少会有什么风险
  • 暂估入库后发票来不了会计分录
  • 生产性生物资产账务处理
  • 应付职工薪酬的会计科目
  • 取得投资时支付的相关税费
  • 企业的管理人员应该是互补型
  • sqlserver登录日志
  • SQL Server的FileStream和FileTable深入剖析
  • linux i
  • win10系统如何关闭窗口特效
  • macair蓝牙用不了
  • Retina MacBook和10.10.3支持更快的NVMe SSD接口
  • redis-stat监控
  • win7 win8.1
  • win8关闭系统更新
  • win7如何限制网速
  • win10怎么修改桌面图标样式
  • 在linux操作系统中,/etc/rc.d/init.d
  • win10 rs3
  • ecxel进度条
  • javascript标题
  • css 间距
  • ajaxfrom表单提交
  • 创建ie浏览器
  • 查找第一个字符
  • windows安装包下载
  • unity-gain
  • python修改图片背景
  • 税务部门公务员报考条件
  • 上饶县国税局局长名单
  • 税务局房屋评估怎样做低
  • 国税局和税务局合并
  • 机构改革后地方金融局怎么办
  • 江西各市财政收入和支出
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设