博客
关于我
Angular开发(二十五)-angular自带动画效果
阅读量:123 次
发布时间:2019-02-26

本文共 732 字,大约阅读时间需要 2 分钟。

angular2????????

????????????

import {Component, OnInit, style, trigger, state, transition, animate, keyframes} from '@angular/core';

@Component({selector: 'app-page1',templateUrl: './page1.component.html',styleUrls: ['./page1.component.css'],animations: [trigger('loginAnimation', [state('normal', style({transform: 'scale(1)'})),state('active', style({transform: 'scale(1.5)'})),transition('normal => active', animate('100ms ease-in')),transition('active => normal', animate('100ms ease-out'))])]})export class Page1Component implements OnInit {private loginBtnState: string = 'inactive';

constructor() {}ngOnInit() {}toggleLoginState(state: boolean) {  this.loginBtnState = state ? 'active' : 'inactive';}

}

???HTML???????

??????

转载地址:http://svvf.baihongyu.com/

你可能感兴趣的文章
Python中的空元组是“常量“吗?
查看>>
Python中的类-ChatGPT4o作答
查看>>
Python中的类中的池
查看>>
python中的装饰器基础
查看>>
python中的负零
查看>>
Python中的进程通信
查看>>
Python中的递归有多安全?
查看>>
python中程序如何获取实现多行输入
查看>>
python中算法与数学_中国古代数学算法的Python实现
查看>>
python中类的实例化_python类的实例化
查看>>
Python中类的约束
查看>>
python中自定义sort 规则
查看>>
python中自定义错误_在现代Python中声明自定义异常的正确方法?
查看>>
python中获取上一个月一号的方法
查看>>
python中蜂窝网格边缘的坐标
查看>>
Python中表示偶数_分享一组 Python 高效编程的实用技巧
查看>>
Python中赋值,深拷贝和浅拷贝
查看>>
python中输出字符串的和数字的几种方式
查看>>
Python中进行特征重要性分析的9个常用方法
查看>>
Python中通过MyQR生成gif动图二维码
查看>>