博客
关于我
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/

你可能感兴趣的文章
oracle instr函数详解
查看>>
Oracle Java所有版本的下载链接
查看>>
Oracle JDBC url的几种方式
查看>>
Oracle JDBC 连接卡死后 Connection Reset
查看>>
Oracle JDK vs OpenJDK
查看>>
ORACLE MERGE INTO (2)
查看>>
oracle ogg 单实例双向复制搭建(oracle-oracle)--Oracle GoldenGate
查看>>
Oracle ora-12514报错解决方法
查看>>
oracle ORA-14402 OGG-01296
查看>>
oracle package包头和package body包体例子
查看>>
oracle partition by list,深入解析partition-list 分区
查看>>
Oracle PL/SQL Dev工具(破解版)被植入勒索病毒的安全预警及自查通告
查看>>
oracle pl/sql 导出用户表结构
查看>>
Oracle PLSQL Demo - 17.游标查询个别字段(非整表)
查看>>
【C/C++学院】(6)构造函数/析构函数/拷贝构造函数/深copy浅copy
查看>>
oracle rac 安装 PRVG-13606 ntp 同步报错解决过程
查看>>
Oracle RAC性能调整的方案
查看>>
oracle rac集群的东西之QQ聊天
查看>>
UML— 用例图
查看>>
Oracle Schema Objects——Tables——Table Compression
查看>>