ionic 添加简单的CSS动画

  • html
<button #myButton1 ion-button color="primary" class="button1" (click)="changeStyle1()">Click me1</button>
  • scss
.button1 {
    opacity: 1;
    transition: 2s linear !important;
  }
  • ts
//引用
import { Component,ViewChild,Renderer,ElementRef } from '@angular/core';

@ViewChild('myButton1',{read:ElementRef}) myButton1;

constructor( public renderer:Renderer) 
{
}

changeStyle1()
{
     this.renderer.setElementStyle(this.myButton1.nativeElement,"opacity","0");
}

this.renderer.setElementStyle(this.myButton1.nativeElement,"style参数"," value");

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

推荐阅读更多精彩内容